Uniapp/lucky_shop
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
ZF Sun
2025-10-27 15:55:29 +08:00
commit 6632080b83
513 changed files with 117442 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
pages_tool/agreement/contenr.vue Normal file
View File

@@ -0,0 +1,55 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view style="padding: 20rpx;">
<rich-text :nodes="content"></rich-text>
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
components: {
},
data() {
return {
content:'',
type:'',
uniacid:0
};
},
onLoad(option) {
this.type = option.type
this.uniacid = option.uniacid?option.uniacid:0
this.isIphoneX = this.$util.uniappIsIPhoneX()
this.getcontent()
},
onShow() {
},
methods: {
getcontent() {
// privacy content
var data = {
type:this.type
}
if(this.uniacid > 0) data.uniacid = this.uniacid
this.$api.sendRequest({
url: '/api/config/agreement',
data:data,
success: res => {
console.log(res.data.title)
uni.setNavigationBarTitle({
title:res.data.title
})
this.content = res.data.content
}
});
}
}
};
</script>
<style lang="scss">
</style>

159
pages_tool/article/detail.vue Normal file
View File

@@ -0,0 +1,159 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="help-title">{{ detail.article_title }}</view>
<view class="help-meta" v-if="detail.is_show_release_time == 1">
<text class="help-time">发表时间: {{ $util.timeStampTurnTime(detail.create_time) }}</text>
</view>
<view class="help-content"><rich-text :nodes="content"></rich-text></view>
<view class="bottom-area">
<view v-if="detail.is_show_read_num == 1">
阅读：
<text class="price-font">{{ detail.read_num + detail.initial_read_num }}</text>
</view>
<view v-if="detail.is_show_dianzan_num == 1">
<text class="price-font">{{ detail.dianzan_num + detail.initial_dianzan_num }}</text>
人已赞
</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
articleId: 0,
detail: {},
content: ''
};
},
onLoad(options) {
this.articleId = options.article_id || 0;
// 小程序扫码进入
if (options.scene) {
var sceneParams = decodeURIComponent(options.scene);
this.articleId = sceneParams.split('-')[1];
}
if (this.articleId == 0) {
this.$util.redirectTo('/pages_tool/article/list', {}, 'redirectTo');
}
},
onShow() {
this.getData();
},
methods: {
getData() {
this.$api.sendRequest({
url: '/api/article/info',
data: {
article_id: this.articleId
},
success: res => {
if (res.code == 0 && res.data) {
this.detail = res.data;
this.$langConfig.title(this.detail.article_title);
this.content = htmlParser(this.detail.article_content);
this.setPublicShare();
} else {
this.$util.showToast({
title: res.message
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/article/list', {}, 'redirectTo');
}, 2000);
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/article/detail?article_id=' + this.articleId;
this.$util.setPublicShare({
title: this.detail.article_title,
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
});
}
},
onShareAppMessage(res) {
var title = this.detail.article_title;
var path = '/pages_tool/article/detail?article_id=' + this.articleId;
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
},
//分享到朋友圈
onShareTimeline() {
var title = this.detail.article_title;
var query = 'article_id=' + this.articleId;
return {
title: title,
query: query,
imageUrl: ''
};
}
};
</script>
<style lang="scss">
.page {
width: 100%;
height: 100%;
padding: 30rpx;
box-sizing: border-box;
background: #ffffff;
}
.help-title {
font-size: $font-size-toolbar;
text-align: left;
font-weight: bold;
}
.help-content {
margin-top: $margin-updown;
word-break: break-all;
}
.help-meta {
text-align: left;
margin-top: $margin-updown;
color: $color-tip;
.help-time {
font-size: $font-size-tag;
}
}
.bottom-area {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 40rpx;
.price-font {
font-weight: normal !important;
}
view {
color: #999;
font-size: 24rpx;
}
}
</style>

221
pages_tool/article/list.vue Normal file
View File

@@ -0,0 +1,221 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni @getData="getData" ref="mescroll">
<block slot="list">
<view class="article-wrap" v-if="list.length">
<ns-adv keyword="NS_ARTICLE" class-name="adv-wrap"></ns-adv>
<view class="item" v-for="(item, index) in list" :key="index" @click="toDetail(item)">
<view class="article-img">
<image class="cover-img" :src="$util.img(item.cover_img)" mode="widthFix" @error="imgError(index)"/>
</view>
<view class="info-wrap">
<text class="title">{{ item.article_title }}</text>
<view class="read-wrap">
<block v-if="item.category_name">
<text class="category-icon"></text>
<text>{{ item.category_name }}</text>
</block>
<text class="date">{{ $util.timeStampTurnTime(item.create_time, 'date') }}</text>
</view>
</view>
</view>
</view>
<view v-else class="empty-wrap"><ns-empty text="暂无文章" :isIndex="false"></ns-empty></view>
<loading-cover ref="loadingCover"></loading-cover>
</block>
</mescroll-uni>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import nsAdv from '@/components/ns-adv/ns-adv.vue';
export default {
data() {
return {
list: []
};
},
components: {
nsAdv
},
onShow() {
this.setPublicShare();
},
methods: {
getData(mescroll) {
this.$api.sendRequest({
url: '/api/article/page',
data: {
page_size: mescroll.size,
page: mescroll.num
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
this.list = this.list.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
toDetail(item) {
this.$util.redirectTo('/pages_tool/article/detail', {
article_id: item.article_id
});
},
imgError(index) {
if (this.list[index]) this.list[index].cover_img = this.$util.getDefaultImage().article;
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/article/list';
this.$util.setPublicShare({
title: '文章列表',
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
});
}
},
onShareAppMessage(res) {
var title = '文章列表';
var path = '/pages_tool/article/list';
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
},
//分享到朋友圈
onShareTimeline() {
var title = '文章列表';
var query = '/pages_tool/article/list';
return {
title: title,
query: query,
imageUrl: ''
};
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
.empty-wrap {
padding-top: 200rpx;
}
.article-wrap {
background: #f8f8f8;
.adv-wrap {
margin: 24rpx 24rpx 0 24rpx;
width: auto;
}
.item {
display: flex;
padding: 20rpx;
background-color: #fff;
margin: 24rpx;
border-radius: 16rpx;
.article-img {
margin-right: 20rpx;
width: 160rpx;
height: 160rpx;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
image {
width: 100%;
}
}
.info-wrap {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
.title {
font-weight: bold;
margin-bottom: 10rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: 30rpx;
line-height: 1.5;
}
.abstract {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
font-size: $font-size-tag;
}
.read-wrap {
display: flex;
color: #999ca7;
justify-content: flex-start;
align-items: center;
margin-top: 10rpx;
line-height: 1;
text {
font-size: $font-size-tag;
}
.iconfont {
font-size: 36rpx;
vertical-align: bottom;
margin-right: 10rpx;
}
.category-icon {
width: 8rpx;
height: 8rpx;
border-radius: 50%;
background: $base-color;
margin-right: 10rpx;
}
.date {
margin-left: 20rpx;
}
}
}
}
}
</style>

342
pages_tool/components/chat-message/chat-message.vue Normal file
View File

@@ -0,0 +1,342 @@
<template>
<view class="chat-message">
<block v-if="message.contentType == 'sendGood'">
<ns-chat-goods :skuId="message.sku_id" :goodsDetail="message.goodsDetail" @sendMsg="sendGood"></ns-chat-goods>
</block>
<block v-if="message.contentType == 'sendOrder'">
<ns-chat-order :orderId="message.order_id" :orderdetails="message.orderDetail" @sendMsg="sendOrder"></ns-chat-order>
</block>
<block v-if="message.contentType == 'goodssku'">
<ns-chat-receiveGoods :skuId="message.sku_id"></ns-chat-receiveGoods>
</block>
<view class="message" v-if="message.contentType == 'string'">
<view class="message-item " :class="message.isItMe ? 'right' : 'left'">
<block v-if="message.isItMe">
<view class="head_img">
<image class="img" :src="myHeadImg" v-if="myHeadImg" @error="myHeadImgError" mode="aspectFit"/>
<image class="img" :src="defaultHead" mode="aspectFit" v-else/>
</view>
</block>
<block v-else>
<view class="head_img">
<image class="img" :src="avatar" mode="aspectFit" v-if="avatar"></image>
<image class="img" :src="defaultHead" mode="aspectFit" v-else></image>
</view>
</block>
<view class="chat_text">
<text class="iconfont icon-warn margin-right color-base-text" v-if="message.isItMe && !message.sendStatus"></text>
<view class="content"><rich-text :nodes="stringToEmjoy(message.content)"></rich-text></view>
<!-- <text class="iconfont icon-warn margin-left" v-if="!message.isItMe && !message.sendStatus"></text> -->
</view>
</view>
</view>
<view class="message" v-if="message.contentType == 'image'">
<view class="message-item " :class="message.isItMe ? 'right' : 'left'">
<block v-if="message.isItMe">
<view class="head_img">
<image class="img" :src="myHeadImg" v-if="myHeadImg" mode="aspectFit"></image>
<image class="img" :src="defaultHead" mode="aspectFit" v-else></image>
</view>
</block>
<block v-else>
<view class="head_img">
<image class="img" :src="avatar" mode="aspectFit" v-if="avatar"></image>
<image class="img" :src="defaultHead" mode="aspectFit" v-else></image>
</view>
</block>
<view class="chat_img">
<text class="iconfont icon-warn margin-right color-base-text" v-if="message.isItMe && !message.sendStatus"></text>
<view class="content_img" @click="previewMedia($util.img(message.image))" :style="{ backgroundImage: 'url(' + $util.img(message.image) + ')' }">
<!-- <image class="img_img" :src="$util.img(message.image)" mode="aspectFit"></image> -->
</view>
<!-- <text class="iconfont icon-warn margin-left" v-if="!message.isItMe && !message.sendStatus"></text> -->
</view>
</view>
</view>
<view v-else-if="message.contentType == 'goods'"><ns-chat-goods :isCanSend="false" :skuId="message.sku_id"></ns-chat-goods></view>
<view v-else-if="message.contentType == 'order'"><ns-chat-order :isCanSend="false" :orderId="message.order_id"></ns-chat-order></view>
<view class="no-connect-box" v-if="message.contentType == 'noline'">
<view class="no-connect">客服不在线</view>
</view>
<view class="no-connect-box" v-if="message.contentType == 'online'">
<view class="no-connect">客服在线</view>
</view>
<uni-popup ref="imgPopup" type="center">
<view class="imagePop">
<image :src="$util.img(currImg)" mode="aspectFit"></image>
</view>
</uni-popup>
</view>
</template>
<script>
import nsChatGoods from '@/pages_tool/components/ns-chat/ns-chat-goods.vue';
import nsChatOrder from '@/pages_tool/components/ns-chat/ns-chat-order.vue';
import nsChatReceiveGoods from '@/pages_tool/components/ns-chat/ns-chat-receiveGoods.vue';
import htmlParser from '@/common/js/html-parser';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import emjoy from '@/common/js/emjoy.js';
export default {
name: 'chat-message',
props: {
message: {
type: Object
},
send: {
type: Boolean
}
},
data() {
return {
avatar: '', //店铺头像
defaultAvatar: this.$util.getDefaultImage().store,
myHeadImg: '', //我的头像
defaultHead: this.$util.getDefaultImage().head,
emjoyList: emjoy.emjoyList,
currImg: ''
};
},
components: {
nsChatGoods,
nsChatOrder,
uniPopup,
nsChatReceiveGoods
},
mounted() {
this.avatar = this.$util.img(this.siteInfo.logo_square);
this.myHeadImg = this.$util.img(this.memberInfo.headimg);
},
methods: {
// 预览图片
previewMedia(img_url) {
var paths = [img_url];
uni.previewImage({
current: 0,
urls: paths
});
},
sendGood() {
this.$emit('sendGood', 'goods');
},
sendOrder() {
this.$emit('sendOrder', 'order');
},
// 处理图片错误
myHeadImgError() {
this.myHeadImg = this.defaultHead;
},
stringToEmjoy(value) {
if (!value) return;
// 兼容旧版本图片
var reg = RegExp(/\[/);
if (reg.test(value)) {
let string = value; // 需要把和匹配出来
let reg = new RegExp('\\[emjoy_(.+?)\\]', 'g');
let emjoyString = string.replace(reg, v => {
let emjoy = '';
for (let index in this.emjoyList) {
if (v == index) {
let _url = this.$util.img(this.emjoyList[index]);
emjoy = "<img class='message-img' src='" + _url + "'/>";
break;
}
}
if (emjoy) {
return emjoy;
} else {
return v;
}
});
let content = htmlParser(emjoyString);
content.forEach(v => {
if (v.name == 'img') {
v.attrs.style = 'display: inline-block;width: 32rpx !important;height: 32rpx !important;padding:0 2rpx;';
}
});
return content;
} else {
let content = value;
return content;
}
}
}
};
</script>
<style lang="scss">
/deep/.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background-color: #000;
}
/deep/.uni-popup__wrapper.uni-custom.center .uni-popup__wrapper-box {
max-width: 100%;
width: 100%;
}
.imagePop {
height: 50vh;
width: 100vw;
text-align: center;
image {
width: 100%;
height: 100%;
}
}
.chat-message {
width: 100%;
height: 100%;
.message {
padding: 13rpx 20rpx;
position: relative;
}
.left .content {
padding: 20rpx;
max-width: 450rpx;
border-radius: 10rpx;
font-size: 30rpx;
}
.right .content {
padding: 20rpx;
max-width: 450rpx;
border-radius: 10rpx;
font-size: 30rpx;
}
.content_img {
height: 200rpx;
width: 100%;
overflow: hidden;
text-align: right;
margin-left: 28rpx;
background-position: center right;
background-repeat: no-repeat;
background-size: contain;
image {
min-height: 80rpx;
min-width: 80rpx;
height: 100%;
width: 100%;
}
}
.right .content_img {
margin-right: 28rpx;
margin-left: 0;
}
.message-item {
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
.head_img {
width: 80rpx;
height: 80rpx;
border-radius: 50%;
overflow: hidden;
position: relative;
.img {
width: 100%;
height: 100%;
}
}
//图片
.contentType3 {
padding: 0;
border-radius: 2rpx;
background-color: transparent !important;
.img {
width: 200rpx;
height: auto;
max-width: 300rpx;
max-height: 400rpx;
}
}
.contentType3::after {
border: none !important;
display: none !important;
}
.content-type-right {
flex-direction: row-reverse;
}
&.right {
flex-direction: row-reverse;
.content {
background-color: #4cd964;
margin-right: 28rpx;
word-break: break-all;
line-height: 36rpx;
position: relative;
}
}
&.left {
.content {
background-color: #ffffff;
margin-left: 28rpx;
word-break: break-all;
line-height: 36rpx;
position: relative;
}
}
}
.next {
width: 100%;
height: 20rpx;
}
}
.no-connect-box {
width: 100%;
text-align: center;
margin: 20rpx 0 50rpx;
.no-connect {
display: inline-block;
padding: 0 20rpx;
height: 40rpx;
background: red;
margin: 0 auto;
background: rgba(0, 0, 0, 0.5);
border-radius: 9rpx;
text-align: center;
line-height: 40rpx;
font-size: 22rpx;
color: #ffffff;
}
}
.chat_text,
.chat_img {
display: flex;
align-items: center;
.iconfont {
font-size: 36rpx;
}
}
.chat_img {
width: 30%;
height: 200rpx;
}
</style>

1484
pages_tool/components/img-cropping/cropping.vue Normal file
View File

File diff suppressed because it is too large Load Diff

234
pages_tool/components/myp-one/myp-one.vue Normal file
View File

@@ -0,0 +1,234 @@
<template>
<view class="code-box">
<view class="flex-box">
<input :value="inputValue" type="number" :focus="autoFocus" :maxlength="maxlength" class="hide-input" @input="getVal" />
<block v-for="(item, index) in ranges" :key="index">
<view :class="['item', { active: codeIndex === item, middle: type === 'middle', bottom: type === 'bottom', box: type === 'box' }]">
<view class="line" v-if="type !== 'middle'"></view>
<view v-if="type === 'middle' && codeIndex <= item" class="bottom-line"></view>
<block v-if="isPwd && codeArr.length >= item"><text class="dot">●</text></block>
<block v-else>
<text class="number">{{ codeArr[index] ? codeArr[index] : '' }}</text>
</block>
</view>
</block>
</view>
</view>
</template>
<script>
// 支持使用 v-model
// 支持使用refs
export default {
name: 'mypOneInput',
props: {
// 支持外部提供，支持使用v-model
// 支持通过value来做清空
value: {
type: String,
default: ''
},
// 4/6
maxlength: {
type: Number,
default: 4
},
autoFocus: {
type: Boolean,
default: false
},
isPwd: {
type: Boolean,
default: false
},
// middle-middle line, bottom-bottom line, box-square box
type: {
type: String,
default: 'bottom'
}
},
watch: {
maxlength: {
immediate: true,
handler: function(newV) {
if (newV === 6) {
this.ranges = [1, 2, 3, 4, 5, 6];
} else {
this.ranges = [1, 2, 3, 4];
}
}
},
value: {
immediate: true,
handler: function(newV) {
if (newV !== this.inputValue) {
this.inputValue = newV;
this.toMakeAndCheck(newV);
}
}
}
},
data() {
return {
inputValue: '',
codeIndex: 1,
codeArr: [],
ranges: [1, 2, 3, 4]
};
},
methods: {
getVal(e) {
const val = e.detail.value;
this.inputValue = val;
this.$emit('input', val);
this.toMakeAndCheck(val);
},
toMakeAndCheck(val) {
const arr = val.split('');
this.codeIndex = arr.length + 1;
this.codeArr = arr;
if (this.codeIndex > Number(this.maxlength)) {
this.$emit('finish', this.codeArr.join(''));
}
},
// refs 时不再提供 v-model 支持
// 支持使用refs来设置value
// 没有提供数据保护与检测，自己在外面对数据进行检测保护
set(val) {
this.inputValue = val;
this.toMakeAndCheck(val);
},
// 支持使用refs来清空
clear() {
this.inputValue = '';
this.codeArr = [];
this.codeIndex = 1;
}
}
};
</script>
<style scoped>
@keyframes twinkling {
0% {
opacity: 0.2;
}
50% {
opacity: 0.5;
}
100% {
opacity: 0.2;
}
}
.code-box {
text-align: center;
}
.flex-box {
display: flex;
justify-content: center;
flex-wrap: wrap;
position: relative;
}
.flex-box .hide-input {
position: absolute;
top: 0;
left: -100%;
width: 200%;
height: 100%;
text-align: left;
z-index: 9;
opacity: 1;
}
.flex-box .item {
position: relative;
flex: 1;
margin-right: 18rpx;
font-size: 70rpx;
font-weight: bold;
color: #333333;
line-height: 100rpx;
}
.flex-box .item::before {
content: '';
padding-top: 100%;
display: block;
}
.flex-box .item:last-child {
margin-right: 0;
}
.flex-box .middle {
border: none;
}
.flex-box .box {
box-sizing: border-box;
border: 2rpx solid #cccccc;
border-width: 2rpx 0 2rpx 2rpx;
margin-right: 0;
}
.flex-box .box:first-of-type {
border-top-left-radius: 8rpx;
border-bottom-left-radius: 8rpx;
}
.flex-box .box:last-child {
border-right: 2rpx solid #cccccc;
border-top-right-radius: 8rpx;
border-bottom-right-radius: 8rpx;
}
.flex-box .bottom {
box-sizing: border-box;
border-bottom: 2rpx solid #ddd;
}
.flex-box .active {
border-color: #ddd;
}
.flex-box .active .line {
display: block;
}
.flex-box .line {
display: none;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 2rpx;
height: 40rpx;
background: #333333;
animation: twinkling 1s infinite ease;
}
.flex-box .dot,
.flex-box .number {
line-height: 40rpx;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.flex-box .bottom-line {
height: 8rpx;
background: #000000;
width: 80%;
position: absolute;
border-radius: 4rpx;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>

142
pages_tool/components/ns-chat/ns-chat-goods.vue Normal file
View File

@@ -0,0 +1,142 @@
<template>
<view class="message">
<view class="goods-item" v-if="goodsInfo.goods_name">
<image :src="$util.img(goodsInfo.sku_image)" mode="aspectFill"></image>
<view class="goods-info">
<view class="goods-name">{{ goodsInfo.sku_name ? goodsInfo.sku_name : goodsInfo.goods_name }}</view>
<view class="goods-bottom">
<view class="goods-price">
<text class="goods-price-sign color-base-text">￥</text>
<text class="color-base-text">{{ goodsInfo.price }}</text>
</view>
<view class="goods-option font-size-goods-tag disabled">已发送</view>
</view>
</view>
</view>
<view class="goods-item" v-else-if="goodsDetail">
<image :src="$util.img(goodsDetail.sku_image)" mode="aspectFill"></image>
<view class="goods-info">
<view class="goods-name">{{ goodsDetail.sku_name ? goodsDetail.sku_name : goodsDetail.goods_name }}</view>
<view class="goods-bottom">
<view class="goods-price">
<text class="goods-price-sign color-base-text">￥</text>
<text class="color-base-text">{{ goodsDetail.price }}</text>
</view>
<view class="goods-option font-size-goods-tag color-base-bg" @click="sendMsg('goods')">发送</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'ns-chat-goods',
props: {
skuId: {
type: [Number, String]
},
goodsDetail: {
type: [Object]
}
},
data() {
return {
goodsInfo: {}
};
},
mounted() {
this.getGoodsInfo();
},
methods: {
getGoodsInfo() {
this.$api.sendRequest({
url: '/api/goodssku/detail',
data: {
sku_id: this.skuId
},
success: res => {
if (res.code >= 0) {
this.goodsInfo = res.data.goods_sku_detail;
}
}
});
},
sendMsg() {
this.$emit('sendMsg', 'goods');
}
}
};
</script>
<style lang="scss">
.message {
padding: 13rpx 20rpx;
box-sizing: border-box;
width: 100vw;
position: relative;
.goods-item {
width: 100%;
height: 220rpx;
background: #ffffff;
position: relative;
display: flex;
align-items: center;
border-radius: 20rpx;
margin: 0 auto;
padding: $padding;
box-sizing: border-box;
image {
width: 180rpx;
height: 180rpx;
min-width: 180rpx;
}
.goods-info {
width: 100%;
height: 180rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 20rpx;
box-sizing: border-box;
.goods-name {
width: 100%;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.goods-bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
text {
line-height: 1;
}
.goods-price {
display: flex;
align-items: flex-end;
padding-bottom: 10rpx;
font-weight: 500;
.goods-price-sign {
font-size: $font-size-activity-tag;
}
}
.goods-option {
width: 150rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
border-radius: $border-radius;
color: #ffffff;
}
}
}
.disabled {
background: #e5e5e5;
}
}
}
</style>

149
pages_tool/components/ns-chat/ns-chat-order.vue Normal file
View File

@@ -0,0 +1,149 @@
<template>
<view class="message">
<view class="goods-item" v-if="orderdetails">
<image :src="$util.img(orderdetails.order_goods ? orderdetails.order_goods[0].sku_image : '')" mode="aspectFill"></image>
<view class="goods-info">
<view class="goods-name">{{ orderdetails.order_goods ? orderdetails.order_goods[0].sku_name : '' }}</view>
<view class="font-size-goods-tag">订单状态:{{ orderdetails.order_status_name }}</view>
<view class="font-size-goods-tag">配送方式:{{ orderdetails.delivery_type_name }}</view>
<view class="goods-bottom">
<view class="goods-price color-base-text">
<text class="goods-price-sign">￥</text>
<text>{{ orderdetails.order_goods ? orderdetails.order_goods[0].price : '' }}</text>
</view>
<view class="goods-option font-size-goods-tag color-base-bg" @click="sendMsg('order')">发送</view>
</view>
</view>
</view>
<view class="goods-item" v-else-if="orderInfo">
<image :src="$util.img(orderInfo.order_goods ? orderInfo.order_goods[0].sku_image : '')" mode="aspectFill"></image>
<view class="goods-info">
<view class="goods-name">{{ orderInfo.order_goods ? orderInfo.order_goods[0].sku_name : '' }}</view>
<view class="font-size-goods-tag">订单状态:{{ orderInfo.order_status_name }}</view>
<view class="font-size-goods-tag">配送方式:{{ orderInfo.delivery_type_name }}</view>
<view class="goods-bottom">
<view class="goods-price color-base-text">
<text class="goods-price-sign">￥</text>
<text>{{ orderInfo.order_goods ? orderInfo.order_goods[0].price : '' }}</text>
</view>
<view class="goods-option font-size-goods-tag disabled">已发送</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'ns-chat-order',
props: {
orderId: {
type: [Number, String]
},
isCanSend: Boolean,
orderdetails: {
type: [Object]
}
},
data() {
return {
orderInfo: {}
};
},
mounted() {
this.getGoodsInfo();
},
methods: {
getGoodsInfo() {
if (this.orderId) {
this.$api.sendRequest({
url: '/api/order/detail',
data: {
order_id: this.orderId
},
success: res => {
if (res.code >= 0) {
this.orderInfo = res.data;
}
}
});
}
},
sendMsg() {
this.$emit('sendMsg', 'order');
}
}
};
</script>
<style lang="scss">
.message {
padding: 13rpx 20rpx;
box-sizing: border-box;
width: 100vw;
position: relative;
.goods-item {
width: 100%;
height: 220rpx;
background: #ffffff;
position: relative;
display: flex;
align-items: center;
border-radius: 20rpx;
margin: 0 auto;
padding: $padding;
box-sizing: border-box;
image {
width: 180rpx;
height: 180rpx;
}
.goods-info {
width: 100%;
height: 180rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 20rpx;
box-sizing: border-box;
.goods-name {
width: 100%;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
// font-size: $font-size-tag;
margin-bottom: 10rpx;
}
.goods-bottom {
display: flex;
justify-content: space-between;
align-items: flex-end;
text {
line-height: 1;
}
.goods-price {
display: flex;
align-items: flex-end;
padding-bottom: 10rpx;
font-weight: 500;
.goods-price-sign {
font-size: 20rpx;
}
}
.goods-option {
width: 150rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
border-radius: $border-radius;
color: #ffffff;
}
}
}
.disabled {
background: #e5e5e5;
}
}
}
</style>

142
pages_tool/components/ns-chat/ns-chat-receiveGoods.vue Normal file
View File

@@ -0,0 +1,142 @@
<template>
<view class="goods">
<view class="goods-msg">
<image :src="$util.img(goodsInfo.sku_image)" mode="aspectFill"></image>
<view class="goods-item">
<view class="title">{{ goodsInfo.goods_name }}</view>
<view class="goods-sku">
库存:{{ goodsInfo.stock }}
<text>销量:{{ goodsInfo.sale_num }}</text>
</view>
<view class="goods-price">
<view class="price color-base-text">
<text class="price-util">￥</text>
<text class="price-num">{{ goodsInfo.price }}</text>
</view>
<view class="see-shop color-base-text" @click="go_shop()">
查看商品
<text class="iconfont icon-right"></text>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
name: 'ns-chat-receiveGoods',
props: {
skuId: {
type: [Number, String]
}
},
data() {
return {
goodsInfo: {}
};
},
mounted() {
this.getInfo();
},
methods: {
getInfo() {
this.$api.sendRequest({
url: '/api/goodssku/detail',
data: {
sku_id: this.skuId
},
success: res => {
if (res.code >= 0) {
this.goodsInfo = res.data.goods_sku_detail;
this.$emit('upDOM');
// that.setPageScrollTo();
}
}
});
},
go_shop() {
this.$util.redirectTo('/pages/goods/detail?goods_id=' + this.goodsInfo.goods_id);
}
}
};
</script>
<style lang="scss">
.goods {
padding: 13rpx 20rpx;
box-sizing: border-box;
width: 100vw;
position: relative;
.goods-msg {
width: 100%;
height: 220rpx;
background: #ffffff;
position: relative;
display: flex;
align-items: center;
border-radius: 20rpx;
margin: 0 auto;
padding: $padding;
box-sizing: border-box;
image {
width: 180rpx;
height: 180rpx;
min-width: 180rpx;
border-radius: $border-radius;
}
.goods-item {
width: 100%;
height: 180rpx;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 20rpx;
box-sizing: border-box;
.title {
width: 100%;
line-height: 1.4;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.goods-sku {
color: $color-sub;
text {
padding-left: $padding;
}
}
.goods-price {
display: flex;
align-items: center;
justify-content: space-between;
.price {
.price-util {
font-size: $font-size-activity-tag;
}
}
.see-shop {
display: flex;
align-items: center;
text {
padding-top: 4rpx;
padding-left: 4rpx;
font-size: $font-size-sub;
}
}
}
}
}
}
</style>

37
pages_tool/components/ns-progress/ns-progress.vue Normal file
View File

@@ -0,0 +1,37 @@
<template>
<view class="progress"><view class="progress-bar " ref="progress" :style="{ width: progress + '%' }"></view></view>
</template>
<script>
export default {
data() {
return {};
},
props: {
progress: {
type: [Number, String],
default: 10
}
}
};
</script>
<style lang="scss">
.progress {
height: 12rpx;
overflow: hidden;
background-color: #ccc;
border-radius: 8rpx;
}
.progress-bar {
float: left;
height: 100%;
font-size: $font-size-tag;
line-height: 40rpx;
color: #fff;
text-align: center;
transition: width 0.6s ease;
background-color: #fff;
}
</style>

6
pages_tool/components/sx-rate/common.js Normal file
View File

@@ -0,0 +1,6 @@
export function getClientRect(selector, component) {
return new Promise((resolve, reject) => {
let query = component ? uni.createSelectorQuery().in(component) : uni.createSelectorQuery();
return query.select(selector).boundingClientRect(resolve).exec()
})
}

218
pages_tool/components/sx-rate/index.vue Normal file
View File

@@ -0,0 +1,218 @@
<template>
<view class="rate-box" :class="[{ animation }, containerClass]" @touchmove="ontouchmove" @touchend="touchMoving = false">
<view
v-for="(val, i) in list"
:key="val"
class="rate"
:style="{ fontSize, paddingLeft: i !== 0 ? rateMargin : 0, paddingRight: i < list.length - 1 ? rateMargin : 0 }"
:class="[
{ scale: !disabled && val <= rateValue && animation && touchMoving, 'color-base-text': val <= rateValue, defaultColor: val > rateValue },
`rate-${i}`,
rateClass
]"
:data-val="val"
@click="onItemClick"
>
<text class="iconfont icon-star"></text>
</view>
</view>
</template>
<script>
import { getClientRect } from './common';
export default {
name: 'sx-rate',
props: {
// 当前值
value: {
type: [Number, String]
},
// 最大星星数量
max: {
type: Number,
default: 5
},
// 禁用
disabled: {
type: Boolean,
default: false
},
// 动画效果
animation: {
type: Boolean,
default: true
},
// 默认星星颜色
defaultColor: {
type: String,
default: '#ccc'
},
// 滑选后星星颜色
activeColor: {
type: String
// default: '#FFB700'
},
// 星星大小
fontSize: {
type: String,
default: 'inherit'
},
// 星星间距
margin: {
type: String,
default: ''
},
// 自定义类名-容器
containerClass: {
type: String,
default: ''
},
// 自定义类名-星星
rateClass: {
type: String,
default: ''
},
index: {
// 如果页面中存在多个该组件，通过该属性区分
type: [Number, String]
}
},
data() {
return {
rateValue: 0,
touchMoving: false,
startX: [],
startW: 30
};
},
computed: {
list() {
return [...new Array(this.max)].map((_, i) => i + 1);
},
rateMargin() {
let margin = this.margin;
if (!margin) return 0;
switch (typeof margin) {
case 'number':
margin = margin * 2 + 'rpx';
case 'string':
break;
default:
return 0;
}
let reg = /^(\d+)([^\d]*)/;
let result = reg.exec(margin);
if (!result) return 0;
let [_, num, unit] = result;
return num / 2 + unit;
}
},
watch: {
value: {
handler(val) {
this.rateValue = val;
},
immediate: true
}
},
methods: {
// 计算星星位置
async initStartX() {
let { max } = this;
this.startX = [];
for (let i = 0; i < max; i++) {
let selector = `.rate-${i}`;
let { left, width } = await getClientRect(selector, this);
this.startX.push(left);
this.startW = width;
}
},
/**
* 手指滑动事件回调
* https://github.com/sunxi1997/uni-app-sx-rate/pull/1
* 原本的触摸处理在自定了样式后可能会出现bug, 已解决
*/
async ontouchmove(e) {
if (!this.touchMoving) {
this.touchMoving = true;
// 开始手指滑动时重新计算星星位置,防止星星位置意外变化
await this.initStartX();
}
let { startX, startW, max } = this;
let { touches } = e;
// 触摸焦点停留的位置
let { pageX } = touches[touches.length - 1];
// 超出最左边, 0 星
if (pageX <= startX[0]) return this.toggle(0);
// 刚好在第一颗星
else if (pageX <= startX[0] + startW) return this.toggle(1);
// 超出最右边, 最大星
else if (pageX >= startX[max - 1]) return this.toggle(max);
//计算星星停留的位置
let startXHash = startX.concat(pageX).sort((a, b) => a - b);
this.toggle(startXHash.indexOf(pageX));
},
// 点击回调
onItemClick(e) {
let { val } = e.currentTarget.dataset;
this.toggle(val);
},
// 修改值
toggle(val) {
let { disabled } = this;
if (disabled) return;
if (this.rateValue !== val) {
this.rateValue = val;
this.$emit('update:value', val);
let data = {
index: this.index,
value: val
};
this.$emit('change', data);
}
}
},
mounted() {}
};
</script>
<style scoped>
@import './sx-rate/iconfont.css';
</style>
<style lang="scss">
.rate-box {
min-height: 1.4em;
display: flex;
align-items: center;
}
.rate {
display: inline-flex;
justify-content: center;
align-items: center;
width: 1.2em;
transition: all 0.15s linear;
}
.rate.scale {
transform: scale(1.1);
}
.defaultColor {
color: #ccc !important;
}
.activeColor {
}
</style>

21
pages_tool/components/sx-rate/sx-rate/iconfont.css Normal file
View File

@@ -0,0 +1,21 @@
@font-face {font-family: "iconfont";
src: url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482'); /* IE9 */
src: url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.eot?t=1574760464482#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAK8AAsAAAAABnAAAAJwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAp8gQgBNgIkAwgLBgAEIAWEbQcuG6wFyA4lTcHACOEZBUg8fL/2O3f3fTHEkoh28SSayCSxkkgQG6Uz3UvYITu9Qr5K0Vh6Ij6f+8CXKzVBHDvWa6d0lSfK57mc3gQ6kGt8oBz3ojUG9QLqxYEU6B4YRVYqecPYBS7hMYG6QWF0dlOycoGxxFoViFuxkALGuYAksXRVKNccTOJdSTV7zbSAt/D78Y8XxmRKOavq5CZZAOK+7u2svLVode0TggR0vIQc84BEXNQmjugJxumpJ/SNAvsqD77ui8K3i71aBPvrrNIm6IfSe5K58ltNZ3BbU40Blkf9OmKsIW/Un1qddc4dcSma3ArIX7PPXdlxK5l2zJ+aD6TXnQqmu330wqpeWkYN/OnNm/0trU+YvqNR4UN99f+x/tApIFTfR7u39X4gKPnb9pOX5RAQB6DYyc/zOKCD4OUp6KiiPeqnapbAp56NdegrdhLo5wKq+3UG/0fWcyDpCsuWJVVWO5oZO29bXR0FwJ4uV2ONvTeTCVW9I1wVAylyVeNkYudR0rCOsqoN1M1JPd7QDdMTqYZZXQChwwYybT6Q63BIJvYSJX1eUNYReqi7CrsLGyZDbJqIEUWQAPLroJhWKhjHQUyj8mwkrJJROKsI+XyENeIw5LI4xXQqUiA8xxZNtZBHCAMZrJTDFPAcksmUUIWVEkQTlogQVQSbzdS9iUUr5cDUDgyhEIgAxFcHEqMpKTD+eMK09PlsiFAVGQpu6atJ5kMwDfHsEBcLpweZqlX06ruXVzSqCfEQBANiYEpyUAqYh8jIKEGq+nkSCI1gEY2IqURg28OYvlrW+nr5152AOsuUhV2fSy+EwgAAAA==') format('woff2'),
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.woff?t=1574760464482') format('woff'),
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.ttf?t=1574760464482') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('~@/pages_tool/components/sx-rate/sx-rate/iconfont.svg?t=1574760464482#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family: "iconfont" !important;
font-size: inherit;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-star:before {
content: "\e6e3";
}

BIN
pages_tool/components/sx-rate/sx-rate/iconfont.eot Normal file
View File

Binary file not shown.

29
pages_tool/components/sx-rate/sx-rate/iconfont.svg Normal file
View File

@@ -0,0 +1,29 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<!--
2013-9-30: Created.
-->
<svg>
<metadata>
Created by iconfont
</metadata>
<defs>
<font id="iconfont" horiz-adv-x="1024" >
<font-face
font-family="iconfont"
font-weight="500"
font-stretch="normal"
units-per-em="1024"
ascent="896"
descent="-128"
/>
<missing-glyph />
<glyph glyph-name="star" unicode="&#59107;" d="M544.256 812.032l117.248-237.568c5.12-10.752 15.36-17.92 27.136-19.456l262.144-37.888c29.696-4.096 41.472-40.448 19.968-61.44l-189.44-184.832c-8.704-8.192-12.288-19.968-10.24-31.744l44.544-261.12c5.12-29.184-25.6-51.712-52.224-37.888l-234.496 123.392c-10.24 5.632-23.04 5.632-33.28 0L261.12-59.904c-26.112-13.824-57.344 8.704-52.224 37.888l44.544 261.12c2.048 11.776-2.048 23.552-10.24 31.744L53.76 455.68C32.256 476.16 44.032 512.512 73.728 517.12l262.144 37.888c11.776 1.536 22.016 9.216 27.136 19.456l117.248 237.568C493.056 838.656 530.944 838.656 544.256 812.032z" horiz-adv-x="1024" />
</font>
</defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
pages_tool/components/sx-rate/sx-rate/iconfont.ttf Normal file
View File

Binary file not shown.

BIN
pages_tool/components/sx-rate/sx-rate/iconfont.woff Normal file
View File

Binary file not shown.

BIN
pages_tool/components/sx-rate/sx-rate/iconfont.woff2 Normal file
View File

Binary file not shown.

623
pages_tool/components/uni-calendar/calendar.js Normal file
View File

@@ -0,0 +1,623 @@
/**
* @1900-2100区间内的公历、农历互转
* @charset UTF-8
* @github https://github.com/jjonline/calendar.js
* @Author Jea杨(JJonline@JJonline.Cn)
* @Time 2014-7-21
* @Time 2016-8-13 Fixed 2033hex、Attribution Annals
* @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
* @Time 2017-7-24 Fixed use getTerm Func Param Error.use solar year,NOT lunar year
* @Version 1.0.3
* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
*/
/* eslint-disable */
var calendar = {
/**
* 农历1900-2100的润大小信息表
* @Array Of Property
* @return Hex
*/
lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0,
0x055d2, // 1900-1909
0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, // 1910-1919
0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, // 1920-1929
0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, // 1930-1939
0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, // 1940-1949
0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, // 1950-1959
0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, // 1960-1969
0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, // 1970-1979
0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, // 1980-1989
0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x05ac0, 0x0ab60, 0x096d5, 0x092e0, // 1990-1999
0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, // 2000-2009
0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, // 2010-2019
0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, // 2020-2029
0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, // 2030-2039
0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, // 2040-2049
/** Add By JJonline@JJonline.Cn**/
0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, // 2050-2059
0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, // 2060-2069
0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, // 2070-2079
0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, // 2080-2089
0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, // 2090-2099
0x0d520
], // 2100
/**
* 公历每个月份的天数普通表
* @Array Of Property
* @return Number
*/
solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
/**
* 天干地支之天干速查表
* @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
* @return Cn string
*/
Gan: ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678'],
/**
* 天干地支之地支速查表
* @Array Of Property
* @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
* @return Cn string
*/
Zhi: ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149',
'\u620c',
'\u4ea5'
],
/**
* 天干地支之地支速查表<=>生肖
* @Array Of Property
* @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
* @return Cn string
*/
Animals: ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21',
'\u72d7', '\u732a'
],
/**
* 24节气速查表
* @Array Of Property
* @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
* @return Cn string
*/
solarTerm: ['\u5c0f\u5bd2', '\u5927\u5bd2', '\u7acb\u6625', '\u96e8\u6c34', '\u60ca\u86f0', '\u6625\u5206',
'\u6e05\u660e', '\u8c37\u96e8', '\u7acb\u590f', '\u5c0f\u6ee1', '\u8292\u79cd', '\u590f\u81f3',
'\u5c0f\u6691',
'\u5927\u6691', '\u7acb\u79cb', '\u5904\u6691', '\u767d\u9732', '\u79cb\u5206', '\u5bd2\u9732',
'\u971c\u964d',
'\u7acb\u51ac', '\u5c0f\u96ea', '\u5927\u96ea', '\u51ac\u81f3'
],
/**
* 1900-2100各年的24节气日期速查表
* @Array Of Property
* @return 0x string For splice
*/
sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf97c3598082c95f8c965cc920f',
'97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
'97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
'97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
'97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
'97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
'9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
'97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
'97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
'7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
'97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
'9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
'97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
'9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
'7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
'7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
'9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
'97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
'9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
'977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
'7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
'977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
'977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
'7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
'7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
'7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
'7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
'665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
'7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
'7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'
],
/**
* 数字转中文速查表
* @Array Of Property
* @trans ['日','一','二','三','四','五','六','七','八','九','十']
* @return Cn string
*/
nStr1: ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d',
'\u5341'
],
/**
* 日期转农历称呼速查表
* @Array Of Property
* @trans ['初','十','廿','卅']
* @return Cn string
*/
nStr2: ['\u521d', '\u5341', '\u5eff', '\u5345'],
/**
* 月份转农历称呼速查表
* @Array Of Property
* @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
* @return Cn string
*/
nStr3: ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341',
'\u51ac',
'\u814a'
],
/**
* 返回农历y年一整年的总天数
* @param lunar Year
* @return Number
* @eg:var count = calendar.lYearDays(1987) ;//count=387
*/
lYearDays: function(y) {
var i;
var sum = 348
for (i = 0x8000; i > 0x8; i >>= 1) {
sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0
}
return (sum + this.leapDays(y))
},
/**
* 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
* @param lunar Year
* @return Number (0-12)
* @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
*/
leapMonth: function(y) { // 闰字编码 \u95f0
return (this.lunarInfo[y - 1900] & 0xf)
},
/**
* 返回农历y年闰月的天数 若该年没有闰月则返回0
* @param lunar Year
* @return Number (0、29、30)
* @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
*/
leapDays: function(y) {
if (this.leapMonth(y)) {
return ((this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
}
return (0)
},
/**
* 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
* @param lunar Year
* @return Number (-1、29、30)
* @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
*/
monthDays: function(y, m) {
if (m > 12 || m < 1) {
return -1
} // 月份参数从1至12，参数错误返回-1
return ((this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
},
/**
* 返回公历(!)y年m月的天数
* @param solar Year
* @return Number (-1、28、29、30、31)
* @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
*/
solarDays: function(y, m) {
if (m > 12 || m < 1) {
return -1
} // 若参数错误 返回-1
var ms = m - 1
if (ms == 1) { // 2月份的闰平规律测算后确认返回28或29
return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28)
} else {
return (this.solarMonth[ms])
}
},
/**
* 农历年份转换为干支纪年
* @param lYear 农历年的年份数
* @return Cn string
*/
toGanZhiYear: function(lYear) {
var ganKey = (lYear - 3) % 10
var zhiKey = (lYear - 3) % 12
if (ganKey == 0) ganKey = 10 // 如果余数为0则为最后一个天干
if (zhiKey == 0) zhiKey = 12 // 如果余数为0则为最后一个地支
return this.Gan[ganKey - 1] + this.Zhi[zhiKey - 1]
},
/**
* 公历月、日判断所属星座
* @param cMonth [description]
* @param cDay [description]
* @return Cn string
*/
toAstro: function(cMonth, cDay) {
var s =
'\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf'
var arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22]
return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + '\u5ea7' // 座
},
/**
* 传入offset偏移量返回干支
* @param offset 相对甲子的偏移量
* @return Cn string
*/
toGanZhi: function(offset) {
return this.Gan[offset % 10] + this.Zhi[offset % 12]
},
/**
* 传入公历(!)y年获得该年第n个节气的公历日期
* @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
* @return day Number
* @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
*/
getTerm: function(y, n) {
if (y < 1900 || y > 2100) {
return -1
}
if (n < 1 || n > 24) {
return -1
}
var _table = this.sTermInfo[y - 1900]
var _info = [
parseInt('0x' + _table.substr(0, 5)).toString(),
parseInt('0x' + _table.substr(5, 5)).toString(),
parseInt('0x' + _table.substr(10, 5)).toString(),
parseInt('0x' + _table.substr(15, 5)).toString(),
parseInt('0x' + _table.substr(20, 5)).toString(),
parseInt('0x' + _table.substr(25, 5)).toString()
]
var _calday = [
_info[0].substr(0, 1),
_info[0].substr(1, 2),
_info[0].substr(3, 1),
_info[0].substr(4, 2),
_info[1].substr(0, 1),
_info[1].substr(1, 2),
_info[1].substr(3, 1),
_info[1].substr(4, 2),
_info[2].substr(0, 1),
_info[2].substr(1, 2),
_info[2].substr(3, 1),
_info[2].substr(4, 2),
_info[3].substr(0, 1),
_info[3].substr(1, 2),
_info[3].substr(3, 1),
_info[3].substr(4, 2),
_info[4].substr(0, 1),
_info[4].substr(1, 2),
_info[4].substr(3, 1),
_info[4].substr(4, 2),
_info[5].substr(0, 1),
_info[5].substr(1, 2),
_info[5].substr(3, 1),
_info[5].substr(4, 2)
]
return parseInt(_calday[n - 1])
},
/**
* 传入农历数字月份返回汉语通俗表示法
* @param lunar month
* @return Cn string
* @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
*/
toChinaMonth: function(m) { // 月 => \u6708
if (m > 12 || m < 1) {
return -1
} // 若参数错误 返回-1
var s = this.nStr3[m - 1]
s += '\u6708' // 加上月字
return s
},
/**
* 传入农历日期数字返回汉字表示法
* @param lunar day
* @return Cn string
* @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
*/
toChinaDay: function(d) { // 日 => \u65e5
var s
switch (d) {
case 10:
s = '\u521d\u5341';
break
case 20:
s = '\u4e8c\u5341';
break
break
case 30:
s = '\u4e09\u5341';
break
break
default:
s = this.nStr2[Math.floor(d / 10)]
s += this.nStr1[d % 10]
}
return (s)
},
/**
* 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
* @param y year
* @return Cn string
* @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
*/
getAnimal: function(y) {
return this.Animals[(y - 4) % 12]
},
/**
* 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
* @param y solar year
* @param m solar month
* @param d solar day
* @return JSON object
* @eg:console.log(calendar.solar2lunar(1987,11,01));
*/
solar2lunar: function(y, m, d) { // 参数区间1900.1.31~2100.12.31
// 年份限定、上限
if (y < 1900 || y > 2100) {
return -1 // undefined转换为数字变为NaN
}
// 公历传参最下限
if (y == 1900 && m == 1 && d < 31) {
return -1
}
// 未传参 获得当天
if (!y) {
var objDate = new Date()
} else {
var objDate = new Date(y, parseInt(m) - 1, d)
}
var i;
var leap = 0;
var temp = 0
// 修正ymd参数
var y = objDate.getFullYear()
var m = objDate.getMonth() + 1
var d = objDate.getDate()
var offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0,
31)) /
86400000
for (i = 1900; i < 2101 && offset > 0; i++) {
temp = this.lYearDays(i)
offset -= temp
}
if (offset < 0) {
offset += temp;
i--
}
// 是否今天
var isTodayObj = new Date()
var isToday = false
if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
isToday = true
}
// 星期几
var nWeek = objDate.getDay()
var cWeek = this.nStr1[nWeek]
// 数字表示周几顺应天朝周一开始的惯例
if (nWeek == 0) {
nWeek = 7
}
// 农历年
var year = i
var leap = this.leapMonth(i) // 闰哪个月
var isLeap = false
// 效验闰月
for (i = 1; i < 13 && offset > 0; i++) {
// 闰月
if (leap > 0 && i == (leap + 1) && isLeap == false) {
--i
isLeap = true;
temp = this.leapDays(year) // 计算农历闰月天数
} else {
temp = this.monthDays(year, i) // 计算农历普通月天数
}
// 解除闰月
if (isLeap == true && i == (leap + 1)) {
isLeap = false
}
offset -= temp
}
// 闰月导致数组下标重叠取反
if (offset == 0 && leap > 0 && i == leap + 1) {
if (isLeap) {
isLeap = false
} else {
isLeap = true;
--i
}
}
if (offset < 0) {
offset += temp;
--i
}
// 农历月
var month = i
// 农历日
var day = offset + 1
// 天干地支处理
var sm = m - 1
var gzY = this.toGanZhiYear(year)
// 当月的两个节气
// bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
var firstNode = this.getTerm(y, (m * 2 - 1)) // 返回当月「节」为几日开始
var secondNode = this.getTerm(y, (m * 2)) // 返回当月「节」为几日开始
// 依据12节气修正干支月
var gzM = this.toGanZhi((y - 1900) * 12 + m + 11)
if (d >= firstNode) {
gzM = this.toGanZhi((y - 1900) * 12 + m + 12)
}
// 传入的日期的节气与否
var isTerm = false
var Term = null
if (firstNode == d) {
isTerm = true
Term = this.solarTerm[m * 2 - 2]
}
if (secondNode == d) {
isTerm = true
Term = this.solarTerm[m * 2 - 1]
}
// 日柱 当月一日与 1900/1/1 相差天数
var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
var gzD = this.toGanZhi(dayCyclical + d - 1)
// 该日期所属的星座
var astro = this.toAstro(m, d)
return {
'lYear': year,
'lMonth': month,
'lDay': day,
'Animal': this.getAnimal(year),
'IMonthCn': (isLeap ? '\u95f0' : '') + this.toChinaMonth(month),
'IDayCn': this.toChinaDay(day),
'cYear': y,
'cMonth': m,
'cDay': d,
'gzYear': gzY,
'gzMonth': gzM,
'gzDay': gzD,
'isToday': isToday,
'isLeap': isLeap,
'nWeek': nWeek,
'ncWeek': '\u661f\u671f' + cWeek,
'isTerm': isTerm,
'Term': Term,
'astro': astro
}
},
/**
* 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
* @param y lunar year
* @param m lunar month
* @param d lunar day
* @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
* @return JSON object
* @eg:console.log(calendar.lunar2solar(1987,9,10));
*/
lunar2solar: function(y, m, d, isLeapMonth) { // 参数区间1900.1.31~2100.12.1
var isLeapMonth = !!isLeapMonth
var leapOffset = 0
var leapMonth = this.leapMonth(y)
var leapDay = this.leapDays(y)
if (isLeapMonth && (leapMonth != m)) {
return -1
} // 传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) {
return -1
} // 超出了最大极限值
var day = this.monthDays(y, m)
var _day = day
// bugFix 2016-9-25
// if month is leap, _day use leapDays method
if (isLeapMonth) {
_day = this.leapDays(y, m)
}
if (y < 1900 || y > 2100 || d > _day) {
return -1
} // 参数合法性效验
// 计算农历的时间差
var offset = 0
for (var i = 1900; i < y; i++) {
offset += this.lYearDays(i)
}
var leap = 0;
var isAdd = false
for (var i = 1; i < m; i++) {
leap = this.leapMonth(y)
if (!isAdd) { // 处理闰月
if (leap <= i && leap > 0) {
offset += this.leapDays(y);
isAdd = true
}
}
offset += this.monthDays(y, i)
}
// 转换闰月农历 需补充该年闰月的前一个月的时差
if (isLeapMonth) {
offset += day
}
// 1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
var stmap = Date.UTC(1900, 1, 30, 0, 0, 0)
var calObj = new Date((offset + d - 31) * 86400000 + stmap)
var cY = calObj.getUTCFullYear()
var cM = calObj.getUTCMonth() + 1
var cD = calObj.getUTCDate()
return this.solar2lunar(cY, cM, cD)
}
}
export default calendar

186
pages_tool/components/uni-calendar/uni-calendar-item.vue Normal file
View File

@@ -0,0 +1,186 @@
<template>
<view
class="uni-calendar-item__weeks-box"
:class="{
'uni-calendar-item--disable': weeks.disable,
'uni-calendar-item--isDay': calendar.fullDate === weeks.fullDate && weeks.isDay,
'uni-calendar-item--checked': calendar.fullDate === weeks.fullDate && !weeks.isDay,
'uni-calendar-item--before-checked': weeks.beforeMultiple,
'uni-calendar-item--multiple': weeks.multiple,
'uni-calendar-item--after-checked': weeks.afterMultiple
}"
@click="choiceDate(weeks)"
>
<view class="uni-calendar-item__weeks-box-item">
<text v-if="selected && weeks.extraInfo" class="uni-calendar-item__weeks-box-circle"></text>
<text class="uni-calendar-item__weeks-box-text"
:class="{
'uni-calendar-item--isDay-text': weeks.isDay,
'uni-calendar-item--isDay': calendar.fullDate === weeks.fullDate && weeks.isDay,
'uni-calendar-item--checked': calendar.fullDate === weeks.fullDate && !weeks.isDay,
'uni-calendar-item--before-checked': weeks.beforeMultiple,
'uni-calendar-item--multiple': weeks.multiple,
'uni-calendar-item--after-checked': weeks.afterMultiple,
'uni-calendar-item--disable': weeks.disable
}"
>
{{ weeks.date }}
</text>
<text v-if="!lunar && !weeks.extraInfo && weeks.isDay" class="uni-calendar-item__weeks-lunar-text"
:class="{
'uni-calendar-item--isDay-text': weeks.isDay,
'uni-calendar-item--isDay': calendar.fullDate === weeks.fullDate && weeks.isDay,
'uni-calendar-item--checked': calendar.fullDate === weeks.fullDate && !weeks.isDay,
'uni-calendar-item--before-checked': weeks.beforeMultiple,
'uni-calendar-item--multiple': weeks.multiple,
'uni-calendar-item--after-checked': weeks.afterMultiple
}"
></text>
<text v-if="lunar && !weeks.extraInfo" class="uni-calendar-item__weeks-lunar-text"
:class="{
'uni-calendar-item--isDay-text': weeks.isDay,
'uni-calendar-item--isDay': calendar.fullDate === weeks.fullDate && weeks.isDay,
'uni-calendar-item--checked': calendar.fullDate === weeks.fullDate && !weeks.isDay,
'uni-calendar-item--before-checked': weeks.beforeMultiple,
'uni-calendar-item--multiple': weeks.multiple,
'uni-calendar-item--after-checked': weeks.afterMultiple,
'uni-calendar-item--disable': weeks.disable
}"
>
{{ weeks.isDay ? '今天' : weeks.lunar.IDayCn === '初一' ? weeks.lunar.IMonthCn : weeks.lunar.IDayCn }}
</text>
<text v-if="weeks.extraInfo && weeks.extraInfo.info" class="uni-calendar-item__weeks-lunar-text"
:class="{
'uni-calendar-item--extra': weeks.extraInfo.info,
'uni-calendar-item--isDay-text': weeks.isDay,
'uni-calendar-item--isDay': calendar.fullDate === weeks.fullDate && weeks.isDay,
'uni-calendar-item--checked': calendar.fullDate === weeks.fullDate && !weeks.isDay,
'uni-calendar-item--before-checked': weeks.beforeMultiple,
'uni-calendar-item--multiple': weeks.multiple,
'uni-calendar-item--after-checked': weeks.afterMultiple,
'uni-calendar-item--disable': weeks.disable
}"
>
{{ weeks.extraInfo.info }}
</text>
</view>
</view>
</template>
<script>
export default {
props: {
weeks: {
type: Object,
default() {
return {};
}
},
calendar: {
type: Object,
default: () => {
return {};
}
},
selected: {
type: Array,
default: () => {
return [];
}
},
lunar: {
type: Boolean,
default: false
}
},
methods: {
choiceDate(weeks) {
this.$emit('change', weeks);
}
}
};
</script>
<style lang="scss" scoped>
.uni-calendar-item__weeks-box {
flex: 1;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
justify-content: center;
align-items: center;
}
.uni-calendar-item__weeks-box-text {
font-size: 24rpx;
color: #fff;
}
.uni-calendar-item__weeks-lunar-text {
font-size: $uni-font-size-base;
color: $uni-text-color;
}
.uni-calendar-item__weeks-box-item {
position: relative;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
justify-content: center;
align-items: center;
width: 100rpx;
height: 100rpx;
border-radius: 50%;
}
.uni-calendar-item__weeks-box-circle {
position: absolute;
top: 10rpx;
right: 10rpx;
width: 16rpx;
height: 16rpx;
border-radius: 16rpx;
background-color: $uni-color-error;
}
.uni-calendar-item--disable {
color: #feaa93;
}
.uni-calendar-item--isDay-text {
color: #fff;
}
.uni-calendar-item--isDay {
color: #000;
background-color: #fff;
border-radius: 50%;
}
.uni-calendar-item--extra {
// color: $uni-color-error;
// opacity: 0.8;
}
.uni-calendar-item--checked {
color: #fff;
background: rgba(255, 255, 255, 0.2);
border-radius: 50%;
}
.uni-calendar-item--multiple {
background-color: $uni-color-primary;
color: #fff;
opacity: 0.8;
}
.uni-calendar-item--before-checked {
background-color: #ff5a5f;
color: #fff;
}
.uni-calendar-item--after-checked {
background-color: #ff5a5f;
color: #fff;
}
</style>

476
pages_tool/components/uni-calendar/uni-calendar.vue Normal file
View File

@@ -0,0 +1,476 @@
<template>
<view class="uni-calendar">
<view v-if="!insert && show" class="uni-calendar__mask" :class="{ 'uni-calendar--mask-show': aniMaskShow }" @click="clean"></view>
<view v-if="insert || show" class="uni-calendar__content" :class="{ 'uni-calendar--fixed': !insert, 'uni-calendar--ani-show': aniMaskShow }">
<view v-if="!insert" class="uni-calendar__header uni-calendar--fixed-top">
<view class="uni-calendar__header-btn-box" @click="close"><text class="uni-calendar__header-text uni-calendar--fixed-width">取消</text></view>
<view class="uni-calendar__header-btn-box" @click="confirm"><text class="uni-calendar__header-text uni-calendar--fixed-width">确定</text></view>
</view>
<view class="uni-calendar__header">
<view class="uni-calendar__header-btn-box" @click.stop="pre">
<!-- <view class="uni-calendar__header-btn uni-calendar--left"></view> -->
<text class="iconfont icon-back_light"></text>
</view>
<picker mode="date" :value="date" fields="month" @change="bindDateChange">
<text class="uni-calendar__header-text">{{ (nowDate.year || '') + '年' + (nowDate.month || '') + '月' }}</text>
</picker>
<view class="uni-calendar__header-btn-box" @click.stop="next">
<!-- <view class="uni-calendar__header-btn uni-calendar--right"></view> -->
<text class="iconfont icon-right"></text>
</view>
</view>
<view class="uni-calendar__box">
<view v-if="showMonth" class="uni-calendar__box-bg">
<text class="uni-calendar__box-bg-text">{{ nowDate.month }}</text>
</view>
<view class="uni-calendar__weeks">
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">日</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">一</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">二</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">三</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">四</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">五</text></view>
<view class="uni-calendar__weeks-day"><text class="uni-calendar__weeks-day-text">六</text></view>
</view>
<view class="uni-calendar__weeks" v-for="(item, weekIndex) in weeks" :key="weekIndex">
<view class="uni-calendar__weeks-item" v-for="(weeks, weeksIndex) in item" :key="weeksIndex">
<uni-calendar-item :weeks="weeks" :calendar="calendar" :selected="selected" :lunar="lunar" @change="choiceDate"></uni-calendar-item>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
import Calendar from './util.js';
import uniCalendarItem from './uni-calendar-item.vue';
/**
* Calendar 日历
* @description 日历组件可以查看日期，选择任意范围内的日期，打点操作。常用场景如：酒店日期预订、火车机票选择购买日期、上下班打卡等
* @tutorial https://ext.dcloud.net.cn/plugin?id=56
* @property {String} date 自定义当前时间，默认为今天
* @property {Boolean} lunar 显示农历
* @property {String} startDate 日期选择范围-开始日期
* @property {String} endDate 日期选择范围-结束日期
* @property {Boolean} range 范围选择
* @property {Boolean} insert = [true|false] 插入模式,默认为false
* @value true 弹窗模式
* @value false 插入模式
* @property {Boolean} clearDate = [true|false] 弹窗模式是否清空上次选择内容
* @property {Array} selected 打点，期待格式[{date: '2019-06-27', info: '签到', data: { custom: '自定义信息', name: '自定义消息头',xxx:xxx... }}]
* @property {Boolean} showMonth 是否选择月份为背景
* @event {Function} change 日期改变，`insert :ture` 时生效
* @event {Function} confirm 确认选择`insert :false` 时生效
* @event {Function} monthSwitch 切换月份时触发
* @example <uni-calendar :insert="true":lunar="true" :start-date="'2019-3-2'":end-date="'2019-5-20'"@change="change" />
*/
export default {
components: {
uniCalendarItem
},
props: {
date: {
type: String,
default: ''
},
selected: {
type: Array,
default() {
return [];
}
},
lunar: {
type: Boolean,
default: false
},
startDate: {
type: String,
default: ''
},
endDate: {
type: String,
default: ''
},
range: {
type: Boolean,
default: false
},
insert: {
type: Boolean,
default: true
},
showMonth: {
type: Boolean,
default: true
},
clearDate: {
type: Boolean,
default: true
}
},
data() {
return {
show: false,
weeks: [],
calendar: {},
nowDate: '',
aniMaskShow: false
};
},
watch: {
date(newVal) {
this.cale.setDate(newVal);
this.init(this.cale.selectDate.fullDate);
},
startDate(val) {
this.cale.resetSatrtDate(val);
},
endDate(val) {
this.cale.resetEndDate(val);
},
selected(newVal) {
this.cale.setSelectInfo(this.nowDate.fullDate, newVal);
this.weeks = this.cale.weeks;
}
},
created() {
// 获取日历方法实例
this.cale = new Calendar({
// date: new Date(),
selected: this.selected,
startDate: this.startDate,
endDate: this.endDate,
range: this.range
});
// 选中某一天
this.cale.setDate(this.date);
this.init(this.cale.selectDate.fullDate);
// this.setDay
},
methods: {
// 取消穿透
clean() {},
bindDateChange(e) {
const value = e.detail.value + '-1';
this.cale.setDate(value);
this.init(value);
},
/**
* 初始化日期显示
* @param {Object} date
*/
init(date) {
this.weeks = this.cale.weeks;
this.nowDate = this.calendar = this.cale.getInfo(date);
},
/**
* 打开日历弹窗
*/
open() {
// 弹窗模式并且清理数据
if (this.clearDate && !this.insert) {
this.cale.cleanMultipleStatus();
this.cale.setDate(this.date);
this.init(this.cale.selectDate.fullDate);
}
this.show = true;
this.$nextTick(() => {
setTimeout(() => {
this.aniMaskShow = true;
}, 50);
});
},
/**
* 关闭日历弹窗
*/
close() {
this.aniMaskShow = false;
this.$nextTick(() => {
setTimeout(() => {
this.show = false;
this.$emit('close');
}, 300);
});
},
/**
* 确认按钮
*/
confirm() {
this.setEmit('confirm');
this.close();
},
/**
* 变化触发
*/
change() {
if (!this.insert) return;
this.setEmit('change');
},
/**
* 选择月份触发
*/
monthSwitch() {
let { year, month } = this.nowDate;
this.$emit('monthSwitch', {
year,
month: Number(month)
});
},
/**
* 派发事件
* @param {Object} name
*/
setEmit(name) {
let { year, month, date, fullDate, lunar, extraInfo } = this.calendar;
this.$emit(name, {
range: this.cale.multipleStatus,
year,
month,
date,
fulldate: fullDate,
lunar,
extraInfo: extraInfo || {}
});
},
/**
* 选择天触发
* @param {Object} weeks
*/
choiceDate(weeks) {
if (weeks.disable) return;
this.calendar = weeks;
// 设置多选
this.cale.setMultiple(this.calendar.fullDate);
this.weeks = this.cale.weeks;
this.change();
},
/**
* 回到今天
*/
backtoday() {
let date = this.cale.getDate(new Date()).fullDate;
this.cale.setDate(date);
this.init(date);
this.change();
},
/**
* 上个月
*/
pre() {
const preDate = this.cale.getDate(this.nowDate.fullDate, -1, 'month').fullDate;
this.setDate(preDate);
this.monthSwitch();
},
/**
* 下个月
*/
next() {
const nextDate = this.cale.getDate(this.nowDate.fullDate, +1, 'month').fullDate;
this.setDate(nextDate);
this.monthSwitch();
},
/**
* 设置日期
* @param {Object} date
*/
setDate(date) {
this.cale.setDate(date);
this.weeks = this.cale.weeks;
this.nowDate = this.cale.getInfo(date);
}
}
};
</script>
<style lang="scss" scoped>
.uni-calendar {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
}
.uni-calendar__mask {
position: fixed;
bottom: 0;
top: 0;
left: 0;
right: 0;
background-color: $uni-bg-color-mask;
transition-property: opacity;
transition-duration: 0.3s;
opacity: 0;
/* #ifndef APP-NVUE */
z-index: 99;
/* #endif */
}
.uni-calendar--mask-show {
opacity: 1;
}
.uni-calendar--fixed {
position: fixed;
bottom: 0;
left: 0;
right: 0;
transition-property: transform;
transition-duration: 0.3s;
transform: translateY(460px);
/* #ifndef APP-NVUE */
z-index: 99;
/* #endif */
}
.uni-calendar--ani-show {
transform: translateY(0);
}
.uni-calendar__content {
background: linear-gradient(180deg, rgba(247, 0, 66, 1), rgba(254, 147, 76, 1));
border-bottom-left-radius: 24rpx;
border-bottom-right-radius: 24rpx;
}
.uni-calendar__header {
position: relative;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: space-between;
align-items: center;
height: 56rpx;
width: 657rpx;
margin: 0 auto;
background-color: #fa556a;
border-radius: 28px;
}
.uni-calendar--fixed-top {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
justify-content: space-between;
border-top-color: $uni-border-color;
border-top-style: solid;
border-top-width: 1px;
}
.uni-calendar--fixed-width {
width: 50px;
// padding: 0 15px;
}
.uni-calendar__backtoday {
position: absolute;
right: 0;
top: 25rpx;
padding: 0 5px;
padding-left: 10px;
height: 25px;
line-height: 25px;
font-size: 12px;
border-top-left-radius: 25px;
border-bottom-left-radius: 25px;
color: $uni-text-color;
background-color: $uni-bg-color-hover;
}
.uni-calendar__header-text {
text-align: center;
width: 100px;
font-size: 26rpx;
color: #fff;
}
.uni-calendar__header-btn-box {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #fff !important;
}
.uni-calendar__header-btn {
width: 10px;
height: 10px;
border-left-color: $uni-text-color-placeholder;
border-left-style: solid;
border-left-width: 2px;
border-top-color: $uni-color-subtitle;
border-top-style: solid;
border-top-width: 2px;
}
.uni-calendar--left {
transform: rotate(-45deg);
}
.uni-calendar--right {
transform: rotate(135deg);
}
.uni-calendar__weeks {
position: relative;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
}
.uni-calendar__weeks-item {
flex: 1;
}
.uni-calendar__weeks-day {
flex: 1;
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: column;
justify-content: center;
align-items: center;
height: 45px;
color: #fff;
font-size: 24rpx;
}
.uni-calendar__weeks-day-text {
font-size: 14px;
}
.uni-calendar__box {
position: relative;
}
.uni-calendar__box-bg {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.uni-calendar__box-bg-text {
font-size: 200px;
font-weight: bold;
color: $uni-text-color-grey;
opacity: 0.1;
text-align: center;
/* #ifndef APP-NVUE */
line-height: 1;
/* #endif */
}
</style>

354
pages_tool/components/uni-calendar/util.js Normal file
View File

@@ -0,0 +1,354 @@
import CALENDAR from './calendar.js'
class Calendar {
constructor({
date,
selected,
startDate,
endDate,
range
} = {}) {
// 当前日期
this.date = this.getDate(new Date()) // 当前初入日期
// 打点信息
this.selected = selected || [];
// 范围开始
this.startDate = startDate
// 范围结束
this.endDate = endDate
this.range = range
// 多选状态
this.cleanMultipleStatus()
// 每周日期
this.weeks = {}
// this._getWeek(this.date.fullDate)
}
/**
* 设置日期
* @param {Object} date
*/
setDate(date) {
this.selectDate = this.getDate(date)
this._getWeek(this.selectDate.fullDate)
}
/**
* 清理多选状态
*/
cleanMultipleStatus() {
this.multipleStatus = {
before: '',
after: '',
data: []
}
}
/**
* 重置开始日期
*/
resetSatrtDate(startDate) {
// 范围开始
this.startDate = startDate
}
/**
* 重置结束日期
*/
resetEndDate(endDate) {
// 范围结束
this.endDate = endDate
}
/**
* 获取任意时间
*/
getDate(date, AddDayCount = 0, str = 'day') {
if (!date) {
date = new Date()
}
if (typeof date !== 'object') {
date = date.replace(/-/g, '/')
}
const dd = new Date(date)
switch (str) {
case 'day':
dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期
break
case 'month':
if (dd.getDate() === 31) {
dd.setDate(dd.getDate() + AddDayCount)
} else {
dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期
}
break
case 'year':
dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期
break
}
const y = dd.getFullYear()
const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期，不足10补0
const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号，不足10补0
return {
fullDate: y + '-' + m + '-' + d,
year: y,
month: m,
date: d,
day: dd.getDay()
}
}
/**
* 获取上月剩余天数
*/
_getLastMonthDays(firstDay, full) {
let dateArr = []
for (let i = firstDay; i > 0; i--) {
const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()
dateArr.push({
date: beforeDate,
month: full.month - 1,
lunar: this.getlunar(full.year, full.month - 1, beforeDate),
disable: true
})
}
return dateArr
}
/**
* 获取本月天数
*/
_currentMonthDys(dateData, full) {
let dateArr = []
let fullDate = this.date.fullDate
for (let i = 1; i <= dateData; i++) {
let isinfo = false
let nowDate = full.year + '-' + (full.month < 10 ?
full.month : full.month) + '-' + (i < 10 ?
'0' + i : i)
// 是否今天
let isDay = fullDate === nowDate
// 获取打点信息
let info = this.selected && this.selected.find((item) => {
if (this.dateEqual(nowDate, item.date)) {
return item
}
})
// 日期禁用
let disableBefore = true
let disableAfter = true
if (this.startDate) {
let dateCompBefore = this.dateCompare(this.startDate, fullDate)
disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate)
}
if (this.endDate) {
let dateCompAfter = this.dateCompare(fullDate, this.endDate)
disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
}
let multiples = this.multipleStatus.data
let checked = false
let multiplesStatus = -1
if (this.range) {
if (multiples) {
multiplesStatus = multiples.findIndex((item) => {
return this.dateEqual(item, nowDate)
})
}
if (multiplesStatus !== -1) {
checked = true
}
}
let data = {
fullDate: nowDate,
year: full.year,
date: i,
multiple: this.range ? checked : false,
beforeMultiple: this.dateEqual(this.multipleStatus.before, nowDate),
afterMultiple: this.dateEqual(this.multipleStatus.after, nowDate),
month: full.month,
lunar: this.getlunar(full.year, full.month, i),
disable: !disableBefore || !disableAfter,
isDay
}
if (info) {
data.extraInfo = info
}
dateArr.push(data)
}
return dateArr
}
/**
* 获取下月天数
*/
_getNextMonthDays(surplus, full) {
let dateArr = []
for (let i = 1; i < surplus + 1; i++) {
dateArr.push({
date: i,
month: Number(full.month) + 1,
lunar: this.getlunar(full.year, Number(full.month) + 1, i),
disable: true
})
}
return dateArr
}
/**
* 获取当前日期详情
* @param {Object} date
*/
getInfo(date) {
if (!date) {
date = new Date()
}
const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate)
return dateInfo
}
/**
* 比较时间大小
*/
dateCompare(startDate, endDate) {
// 计算截止时间
startDate = new Date(startDate.replace('-', '/').replace('-', '/'))
// 计算详细项的截止时间
endDate = new Date(endDate.replace('-', '/').replace('-', '/'))
if (startDate <= endDate) {
return true
} else {
return false
}
}
/**
* 比较时间是否相等
*/
dateEqual(before, after) {
// 计算截止时间
before = new Date(before.replace('-', '/').replace('-', '/'))
// 计算详细项的截止时间
after = new Date(after.replace('-', '/').replace('-', '/'))
if (before.getTime() - after.getTime() === 0) {
return true
} else {
return false
}
}
/**
* 获取日期范围内所有日期
* @param {Object} begin
* @param {Object} end
*/
geDateAll(begin, end) {
var arr = []
var ab = begin.split('-')
var ae = end.split('-')
var db = new Date()
db.setFullYear(ab[0], ab[1] - 1, ab[2])
var de = new Date()
de.setFullYear(ae[0], ae[1] - 1, ae[2])
var unixDb = db.getTime() - 24 * 60 * 60 * 1000
var unixDe = de.getTime() - 24 * 60 * 60 * 1000
for (var k = unixDb; k <= unixDe;) {
k = k + 24 * 60 * 60 * 1000
arr.push(this.getDate(new Date(parseInt(k))).fullDate)
}
return arr
}
/**
* 计算阴历日期显示
*/
getlunar(year, month, date) {
return CALENDAR.solar2lunar(year, month, date)
}
/**
* 设置打点
*/
setSelectInfo(data, value) {
this.selected = value
this._getWeek(data)
}
/**
* 获取多选状态
*/
setMultiple(fullDate) {
let {
before,
after
} = this.multipleStatus
if (!this.range) return
if (before && after) {
this.multipleStatus.before = ''
this.multipleStatus.after = ''
this.multipleStatus.data = []
} else {
if (!before) {
this.multipleStatus.before = fullDate
} else {
this.multipleStatus.after = fullDate
if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus
.after);
} else {
this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus
.before);
}
}
}
this._getWeek(fullDate)
}
/**
* 获取每周数据
* @param {Object} dateData
*/
_getWeek(dateData) {
const {
fullDate,
year,
month,
date,
day
} = this.getDate(dateData)
let firstDay = new Date(year, month - 1, 1).getDay()
let currentDay = new Date(year, month, 0).getDate()
let dates = {
lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天
currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数
nextMonthDays: [], // 下个月开始几天
weeks: []
}
let canlender = []
const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)
dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData))
canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays)
let weeks = {}
// 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天
for (let i = 0; i < canlender.length; i++) {
if (i % 7 === 0) {
weeks[parseInt(i / 7)] = new Array(7)
}
weeks[parseInt(i / 7)][i % 7] = canlender[i]
}
this.canlender = canlender
this.weeks = weeks
}
//静态方法
// static init(date) {
// if (!this.instance) {
// this.instance = new Calendar(date);
// }
// return this.instance;
// }
}
export default Calendar

220
pages_tool/components/uni-nav-bar/uni-nav-bar.vue Normal file
View File

@@ -0,0 +1,220 @@
<template>
<view class="uni-navbar">
<view
:class="{ 'uni-navbar--fixed': fixed, 'uni-navbar--shadow': shadow, 'uni-navbar--border': border }"
:style="{ 'background-color': backgroundColor }"
class="uni-navbar__content">
<uni-status-bar v-if="statusBar" />
<view :style="{ color: color, backgroundColor: backgroundColor }" class="uni-navbar__header uni-navbar__content_view">
<view @tap="onClickLeft" class="uni-navbar__header-btns uni-navbar__header-btns-left uni-navbar__content_view">
<view class="uni-navbar__content_view" v-if="leftIcon.length"><uni-icons :color="color" :type="leftIcon" size="24" /></view>
<view :class="{ 'uni-navbar-btn-icon-left': !leftIcon.length }" class="uni-navbar-btn-text uni-navbar__content_view" v-if="leftText.length">
<text :style="{ color: color, fontSize: '14px' }">{{ leftText }}</text>
</view>
<slot name="left" />
</view>
<view class="uni-navbar__header-container uni-navbar__content_view">
<view class="uni-navbar__header-container-inner uni-navbar__content_view" v-if="title.length">
<text class="uni-nav-bar-text" :style="{ color: color }">{{ title }}</text>
</view>
<!-- 标题插槽 -->
<slot />
</view>
<view :class="title.length ? 'uni-navbar__header-btns-right' : ''" @tap="onClickRight" class="uni-navbar__header-btns uni-navbar__content_view">
<view class="uni-navbar__content_view" v-if="rightIcon.length"><uni-icons :color="color" :type="rightIcon" size="24" /></view>
<!-- 优先显示图标 -->
<view class="uni-navbar-btn-text uni-navbar__content_view" v-if="rightText.length && !rightIcon.length">
<text class="uni-nav-bar-right-text">{{ rightText }}</text>
</view>
<slot name="right" />
</view>
</view>
</view>
<view class="uni-navbar__placeholder" v-if="fixed">
<uni-status-bar v-if="statusBar" />
<view class="uni-navbar__placeholder-view" />
</view>
</view>
</template>
<script>
import uniStatusBar from '@/pages_tool/components/uni-status-bar/uni-status-bar.vue';
import uniIcons from '@/components/uni-icons/uni-icons.vue';
export default {
name: 'UniNavBar',
components: {
uniStatusBar,
uniIcons
},
props: {
title: {
type: String,
default: ''
},
leftText: {
type: String,
default: ''
},
rightText: {
type: String,
default: ''
},
leftIcon: {
type: String,
default: ''
},
rightIcon: {
type: String,
default: ''
},
fixed: {
type: [Boolean, String],
default: false
},
color: {
type: String,
default: '#000000'
},
backgroundColor: {
type: String,
default: '#FFFFFF'
},
statusBar: {
type: [Boolean, String],
default: false
},
shadow: {
type: [String, Boolean],
default: false
},
border: {
type: [String, Boolean],
default: true
}
},
mounted() {
if (uni.report && this.title !== '') {
uni.report('title', this.title);
}
},
methods: {
onClickLeft() {
this.$emit('clickLeft');
},
onClickRight() {
this.$emit('clickRight');
}
}
};
</script>
<style lang="scss" scoped>
$nav-height: 44px;
.uni-nav-bar-text {
/* #ifdef APP-PLUS */
font-size: 34rpx;
/* #endif */
/* #ifndef APP-PLUS */
font-size: $uni-font-size-lg;
/* #endif */
}
.uni-nav-bar-right-text {
font-size: $uni-font-size-base;
}
.uni-navbar {
width: 750rpx;
}
.uni-navbar__content {
position: relative;
width: 750rpx;
background-color: $uni-bg-color;
overflow: hidden;
}
.uni-navbar__content_view {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
align-items: center;
flex-direction: row;
// background-color: #FFFFFF;
}
.uni-navbar__header {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-direction: row;
width: 750rpx;
height: $nav-height;
line-height: $nav-height;
font-size: 16px;
// background-color: #ffffff;
}
.uni-navbar__header-btns {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex-wrap: nowrap;
width: 120rpx;
padding: 0 6px;
justify-content: center;
align-items: center;
}
.uni-navbar__header-btns-left {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
width: 150rpx;
justify-content: flex-start;
}
.uni-navbar__header-btns-right {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
width: 150rpx;
padding-right: 30rpx;
justify-content: flex-end;
}
.uni-navbar__header-container {
flex: 1;
}
.uni-navbar__header-container-inner {
/* #ifndef APP-NVUE */
display: flex;
/* #endif */
flex: 1;
align-items: center;
justify-content: center;
font-size: $uni-font-size-base;
}
.uni-navbar__placeholder-view {
height: $nav-height;
}
.uni-navbar--fixed {
position: fixed;
z-index: 998;
}
.uni-navbar--shadow {
/* #ifndef APP-NVUE */
box-shadow: 0 1px 6px #ccc;
/* #endif */
}
.uni-navbar--border {
border-bottom-width: 1rpx;
border-bottom-style: solid;
border-bottom-color: $uni-border-color;
}
</style>

23
pages_tool/components/uni-status-bar/uni-status-bar.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<view :style="{ height: statusBarHeight }" class="uni-status-bar"><slot /></view>
</template>
<script>
var statusBarHeight = uni.getSystemInfoSync().statusBarHeight * 2 + 'rpx';
export default {
name: 'UniStatusBar',
data() {
return {
statusBarHeight: statusBarHeight
};
}
};
</script>
<style lang="scss" scoped>
.uni-status-bar {
width: 750rpx;
height: 20px;
// height: var(--status-bar-height);
}
</style>

148
pages_tool/form/form.vue Normal file
View File

@@ -0,0 +1,148 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view class="page" v-if="detail">
<view class="form-banner">
<image :src="$util.img('public/uniapp/form/banner.png')" mode="widthFix"></image>
</view>
<view class="system-form-wrap">
<view class="form-title">请填写表单所需信息</view>
<ns-form :data="detail.json_data" ref="form"></ns-form>
<button type="primary" size="mini" class="button mini" @click="create()">提交</button>
</view>
</view>
<ns-empty :text="complete ? '提交成功' : '未获取到表单信息'" v-else></ns-empty>
<loading-cover ref="loadingCover"></loading-cover>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
export default {
data() {
return {
id: 0,
detail: null,
isRepeat: false,
complete: false,
scroll:true
};
},
onLoad(data) {
// #ifdef MP-ALIPAY
let options = my.getLaunchOptionsSync();
options.query && Object.assign(data, options.query)
// #endif
this.id = data.id || 0;
if (data.scene) {
var sceneParams = decodeURIComponent(data.scene);
sceneParams = sceneParams.split('&');
if (sceneParams.length) {
sceneParams.forEach(item => {
if (item.indexOf('id') != -1) this.id = item.split('-')[1];
});
}
}
if (this.storeToken) {
this.getData();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/form/form?id=' + this.id)
})
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) this.getData();
}
},
methods: {
getData() {
this.$api.sendRequest({
url: '/form/api/form/info',
data: {
form_id: this.id
},
success: res => {
if (res.code == 0 && res.data) {
this.detail = res.data;
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
create() {
if (this.$refs.form.verify()) {
if (this.isRepeat) return;
this.isRepeat = true;
this.$api.sendRequest({
url: '/form/api/form/create',
data: {
form_id: this.id,
form_data: JSON.stringify(this.$refs.form.formData)
},
success: res => {
if (res.code == 0) {
this.$util.showToast({ title: '提交成功' })
setTimeout(() => {
this.complete = true;
this.detail = null;
}, 1500)
} else {
this.isRepeat = false;
this.$util.showToast({ title: res.message })
}
}
});
}
},
}
};
</script>
<style lang="scss">
.form-banner {
width: 100vw;
line-height: 1;
image {
width: 100%;
line-height: 1;
}
}
.system-form-wrap {
background: $color-bg;
border-radius: 32rpx;
overflow: hidden;
margin: 0 0 60rpx 0;
padding: 0 26rpx;
transform: translateY(-40rpx);
.form-title {
line-height: 100rpx;
padding-top: 20rpx;
}
.button {
height: 80rpx;
line-height: 80rpx !important;
margin-top: 30rpx !important;
width: 100%;
border-radius: 80rpx;
}
/deep/ .form-wrap {
background: #fff;
padding: 30rpx;
border-radius: 32rpx;
}
}
</style>

125
pages_tool/goods/brand.vue Normal file
View File

@@ -0,0 +1,125 @@
<template>
<view :data-theme="themeStyle">
<mescroll-uni @getData="getBrandList" ref="mescroll" size="20">
<block slot="list">
<ns-adv keyword="NS_BRAND" class-name="adv-wrap"></ns-adv>
<view class="brand-content" v-if="brandList.length > 0">
<uni-grid :column="3" @change="change" :showBorder="!1">
<uni-grid-item v-for="(item, index) in brandList" :key="index" index="index">
<image class="brand-pic" :src="$util.img(item.image_url)" mode="widthFix"></image>
<view class="brand_name">{{ item.brand_name }}</view>
</uni-grid-item>
</uni-grid>
</view>
<view v-if="brandList.length == 0"><ns-empty text="暂无更多品牌,去首页看看吧"></ns-empty></view>
</block>
</mescroll-uni>
<loading-cover ref="loadingCover"></loading-cover>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import uniGrid from '@/components/uni-grid/uni-grid.vue';
import uniGridItem from '@/components/uni-grid-item/uni-grid-item.vue';
import nsAdv from '@/components/ns-adv/ns-adv.vue';
export default {
components: {
uniGrid,
uniGridItem,
nsAdv
},
data() {
return {
brandList: [],
siteId: 0
};
},
onLoad(options) {
if (options.site_id) this.siteId = options.site_id;
},
onShow() {},
methods: {
change(e) {
this.$util.redirectTo('/pages/goods/list', {
brand_id: this.brandList[e.detail.index].brand_id
});
},
getBrandList(mescroll) {
this.$api.sendRequest({
url: '/api/goodsbrand/page',
data: {
page_size: mescroll.size,
page: mescroll.num,
site_id: this.siteId
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.brandList = []; //如果是第一页需手动制空列表
this.brandList = this.brandList.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail() {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
}
},
onShareAppMessage(res) {
var title = '你想要的大牌都在这里';
var path = '/pages_tool/goods/brand';
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
}
};
</script>
<style lang="scss">
/deep/ .uni-grid-item {
width: calc((100vw - (#{$margin-both} * 2)) / 3) !important;
}
.adv-wrap {
margin: $margin-updown $margin-both;
width: auto;
}
.brand-content {
padding: $padding 0;
box-sizing: border-box;
background: #ffffff;
margin: $margin-updown $margin-both 0;
.brand-pic {
width: 60%;
height: 50%;
}
.brand_name {
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
}
}
</style>

460
pages_tool/goods/coupon.vue Normal file
View File

@@ -0,0 +1,460 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view class="cf-container color-line-border">
<view class="tab">
<view @click="changeSort(1)"><text :class="sort == 1 ? 'color-base-text active color-base-border-bottom' : ''">全部</text></view>
<view @click="changeSort(2, 'reward')"><text :class="sort == 2 ? 'color-base-text active color-base-border-bottom' : ''">满减券</text></view>
<view @click="changeSort(3, 'discount')"><text :class="sort == 3 ? 'color-base-text active color-base-border-bottom' : ''">折扣券</text></view>
<!-- <view @click="changeSort(4, 'no_threshold')"><text :class="sort == 4 ? 'color-base-text active color-base-border-bottom' : ''">无门槛券</text></view> -->
</view>
</view>
<mescroll-uni ref="mescroll" top="100" @getData="getMemberCouponList">
<block slot="list">
<view class="coupon-listone">
<view class="item" v-for="(item, index) in list" :key="index" @click="liClick(item, index)" :style="{ backgroundColor: item.useState == 2 ? '#F2F2F2' : 'var(--main-color-shallow)' }">
<view class="item-base" :class="{ disabled: item.useState == 2 }">
<image class="coupon-line" mode="heightFix" :src="$util.img('public/uniapp/coupon/coupon_line.png')"></image>
<view>
<view class="use_price price-font" v-if="item.type == 'reward'" :class="{ disabled: item.useState == 2 }">
<text>￥</text>
{{ parseFloat(item.money) }}
</view>
<view class="use_price price-font" v-else-if="item.type == 'discount'" :class="{ disabled: item.useState == 2 }">
{{ parseFloat(item.discount) }}
<text>折</text>
</view>
<view class="use_condition font-size-tag" v-if="item.at_least > 0" :class="{ disabled: item.useState == 2 }">满{{ item.at_least }}元可用</view>
<view class="use_condition font-size-tag" v-else :class="{ disabled: item.useState == 2 }">无门槛优惠券</view>
</view>
</view>
<view class="item-info">
<view class="use_title">
<view class="title">{{ item.coupon_name }}</view>
<view class="max_price" v-if="item.goods_type == 2 || item.goods_type == 3" :class="{ disabled: item.useState == 2 }">指定商品</view>
<view class="max_price" v-else :class="{ disabled: item.useState == 2 }">全场商品</view>
<view class="max_price" v-if="item.discount_limit != '0.00'">
(最大优惠{{ item.discount_limit }}元)
</view>
<view class="max_price" :class="{ disabled: item.useState == 2 }">{{ item.use_channel_name }}</view>
<!-- <view class="max_price truncate" v-if="item.use_channel!='online'" :class="{ disabled: item.useState == 2 }">
{{ item.use_store==='all'?'适用门店：全部门店': '适用门店：'+item.use_store_name}}
</view> -->
</view>
<view class="use_time" v-if="item.validity_type == 0">
有效期：{{ $util.timeStampTurnTime(item.end_time) }}</view>
<view class="use_time" v-else-if="item.validity_type == 1">
有效期：领取之日起{{ item.fixed_term }}日内有效</view>
<view class="use_time" v-else>有效期：长期有效</view>
</view>
<view class="item-btn">
<view v-if="item.useState == 0" @click.stop="receiveCoupon(item, index)">领取</view>
<view v-if="item.useState == 1" @click.stop="toGoodsList(item, index)">去使用</view>
<view v-if="item.receivedType == 'out'" class="disabled">已抢光</view>
<view v-if="item.receivedType == 'expire'" class="disabled">已过期</view>
<view v-if="item.receivedType == 'limit'" class="disabled">已达上限</view>
</view>
</view>
</view>
<view v-if="list.length == 0"><ns-empty text="暂无可领取的优惠券" :isIndex="false"></ns-empty></view>
</block>
</mescroll-uni>
<loading-cover ref="loadingCover"></loading-cover>
<ns-login ref="login"></ns-login>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
export default {
data() {
return {
list: [],
sort: 1,
types: '',
couponBtnSwitch: false,
//分享建立上下级id
mpShareData: null //小程序分享数据
};
},
onLoad(option) {
setTimeout( () => {
if (!this.addonIsExist.coupon) {
this.$util.showToast({
title: '商家未开启优惠券',
mask: true,
duration: 2000
});
setTimeout(() => {
this.$util.redirectTo('/pages/index/index');
}, 2000);
}
},1000);
//小程序分享接收source_member
if (option.source_member) {
uni.setStorageSync('source_member', option.source_member);
}
// 小程序扫码进入，接收source_member
if (option.scene) {
var sceneParams = decodeURIComponent(option.scene);
sceneParams = sceneParams.split('&');
if (sceneParams.length) {
sceneParams.forEach(item => {
if (item.indexOf('sku_id') != -1) this.skuId = item.split('-')[1];
if (item.indexOf('m') != -1) uni.setStorageSync('source_member', item.split('-')[1]);
if (item.indexOf('is_test') != -1) uni.setStorageSync('is_test', 1);
});
}
}
},
onShow() {
//记录分享关系
if (this.storeToken && uni.getStorageSync('source_member')) {
this.$util.onSourceMember(uni.getStorageSync('source_member'));
}
//小程序分享
// #ifdef MP-WEIXIN
this.$util.getMpShare().then(res => {
this.mpShareData = res;
});
// #endif
},
//分享给好友
onShareAppMessage() {
return this.mpShareData.appMessage;
},
//分享到朋友圈
onShareTimeline() {
return this.mpShareData.timeLine;
},
methods: {
changeSort(sort, types) {
this.list = [];
this.sort = sort;
this.types = types;
this.$refs.mescroll.refresh(false);
},
liClick(item, index) {
if(['limit', 'expire', 'out'].includes(item.receivedType)) return false;
if (item.useState == 0) this.receiveCoupon(item, index);
else this.toGoodsList(item, index);
},
//领取优惠券
receiveCoupon(item, index) {
if (this.couponBtnSwitch) return;
this.couponBtnSwitch = true;
if (this.storeToken) {
this.$api.sendRequest({
url: '/coupon/api/coupon/receive',
data: {
coupon_type_id: item.coupon_type_id,
get_type: 2 //获取方式:1订单2.直接领取3.活动领取
},
success: res => {
this.couponBtnSwitch = false;
let msg = '领取成功，快去使用吧';
let list = this.list;
if (res.code < 0) msg = res.message;
if (res.data.is_exist == 1) {
for (let i = 0; i < list.length; i++) {
if (list[i].coupon_type_id == item.coupon_type_id) {
list[i].useState = 1;
}
}
} else {
for (let i = 0; i < list.length; i++) {
if (list[i].coupon_type_id == item.coupon_type_id) {
list[i].receivedType = res.data.type;
list[i].useState = 2;
}
}
}
this.$util.showToast({
title: msg
});
},
fail: res => {
this.couponBtnSwitch = false;
}
});
} else {
this.couponBtnSwitch = false;
this.$refs.login.open('/pages_tool/goods/coupon');
}
},
//获取优惠券列表
getMemberCouponList(mescroll) {
this.$api.sendRequest({
url: '/coupon/api/coupon/typepagelists',
data: {
page: mescroll.num,
page_size: mescroll.size,
sort: this.sort,
type: this.types
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
if (newArr.length) {
newArr.forEach(v => {
if (v.count == v.lead_count) v.useState = 2;
else if (v.max_fetch != 0 && v.member_coupon_num && v.member_coupon_num >= v.max_fetch) v.useState = 1;
else v.useState = 0;
});
}
//设置列表数据
if (mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
this.list = this.list.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail() {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
imageError(index) {
this.list[index].logo = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
couponImageError(index) {
this.list[index].image = this.$util.img('public/uniapp/goods/coupon.png');
this.$forceUpdate();
},
toGoodsList(item) {
if (item.goods_type != 1) {
this.$util.redirectTo('/pages/goods/list', {
coupon: item.coupon_type_id
});
} else {
this.$util.redirectTo('/pages/goods/list', {});
}
}
}
};
</script>
<style lang="scss">
.coupon-head {
padding: 20rpx 50rpx;
display: flex;
background: #fff;
.sort {
border: 2rpx solid #c5c5c5;
padding: 1rpx 20rpx;
border-radius: $border-radius;
cursor: pointer;
margin-right: 15rpx;
}
}
.coupon-listone {
padding: 0 30rpx;
.item {
display: flex;
background-color: #fff2f0;
background-size: 100% 100%;
border-radius: 20rpx;
align-items: stretch;
margin-top: $padding;
overflow: hidden;
.item-base {
position: relative;
width: 197rpx;
min-width: 197rpx;
text-align: center;
background: linear-gradient(to left, var(--bg-color), var(--bg-color-shallow));
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 38rpx 10rpx 38rpx 18rpx;
&.disabled {
background: #dedede;
}
.coupon-line {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
>view {
height: auto;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.use_price {
font-size: 60rpx;
line-height: 1;
color: #fff;
text {
font-size: $font-size-toolbar;
}
&.disabled {
color: $color-tip;
}
}
.use_condition {
color: #fff;
margin-top: $padding;
&.margin_top_none {
margin-top: 0;
}
&.disabled {
color: $color-tip;
}
}
&::after {
position: absolute;
content: '';
background-color: #f8f8f8;
left: 0;
top: 50%;
transform: translate(0, -50%);
height: 30rpx;
width: 15rpx;
border-radius: 0 30rpx 30rpx 0;
}
}
.item-btn {
width: 160rpx;
min-width: 160rpx;
align-self: center;
position: relative;
view {
width: 100rpx;
height: 50rpx;
border-radius: $border-radius;
line-height: 50rpx;
margin: auto;
text-align: center;
background-image: linear-gradient(to right, var(--bg-color), var(--bg-color-shallow));
color: var(--btn-text-color);
font-size: $font-size-tag;
&.disabled {
background: #dedede !important;
color: #909399 !important;
}
}
&::after {
position: absolute;
content: '';
background-color: #f8f8f8;
right: 0;
top: 50%;
transform: translate(0, -50%);
height: 30rpx;
width: 15rpx;
border-radius: 30rpx 0 0 30rpx;
}
}
.item-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 20rpx;
overflow: hidden;
background-repeat-x: no-repeat;
background-repeat-y: repeat;
.use_time {
padding: 20rpx 0;
border-top: 2rpx dashed #cccccc;
font-size: $font-size-activity-tag;
color: #909399;
}
.use_title {
font-size: $font-size-base;
font-weight: 500;
padding: 20rpx 0;
// height:80rpx;
.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.max_price {
font-weight: 400;
font-size: $font-size-tag;
}
}
}
}
}
.empty {
margin-top: 200rpx;
}
.cf-container {
background: #fff;
overflow: hidden;
}
.tab {
display: flex;
justify-content: space-between;
height: 86rpx;
>view {
text-align: center;
width: 33%;
height: 86rpx;
text {
display: inline-block;
line-height: 86rpx;
height: 80rpx;
font-size: 30rpx;
}
}
}
.active {
border-bottom: 4rpx solid;
}
.truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>

352
pages_tool/goods/coupon_receive.vue Normal file
View File

File diff suppressed because one or more lines are too long

342
pages_tool/goods/evaluate.vue Normal file
View File

@@ -0,0 +1,342 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="goods-evaluate">
<view class="evaluate-tab">
<view v-for="(item, index) in evaluateList" :key="index" :class="evaluateTab == item.value ? 'active-tab' : ''" @click="onEvaluateTab(item.value)">
{{ item.name }}({{ item.count }})
</view>
</view>
<mescroll-uni ref="mescroll" top="100" @getData="getGoodsEvaluate">
<block slot="list">
<view class="evaluate-item" v-for="(item, index) in list" :key="index">
<view class="evaluator">
<view>
<view class="evaluator-face">
<image v-if="item.member_headimg" :src="$util.img(item.member_headimg)" @error="imageError(index)" mode="aspectFill" />
<image v-else :src="$util.getDefaultImage().head" mode="aspectFill" />
</view>
<view class="evaluator-info">
<view class="evaluator-info-left">
<view class="evaluator-name using-hidden" v-if="item.member_name.length > 2 && item.is_anonymous == 1">
{{ item.member_name[0] }}***{{ item.member_name[item.member_name.length - 1] }}
</view>
<text class="evaluator-name using-hidden" v-else>{{ item.member_name }}</text>
<view class="evaluator-time color-tip">{{ $util.timeStampTurnTime(item.create_time) }}</view>
</view>
<view class="evaluator-xing"><xiaoStarComponent :starCount="item.scores * 2"></xiaoStarComponent></view>
</view>
</view>
</view>
<view class="cont">{{ item.content }}</view>
<scroll-view scroll-x="true">
<view class="evaluate-img" v-if="item.images">
<view class="img-box" v-for="(img, img_index) in item.images" :key="img_index" @click="previewEvaluate(index, img_index, 'images')">
<image :src="$util.img(img)" mode="aspectFill" />
</view>
</view>
</scroll-view>
<view v-if="item.explain_first != ''" class="time shop-reply-box">
<view class="shop-reply">商家回复：</view>
<view class="cont">{{ item.explain_first }}</view>
</view>
<template v-if="item.again_content != '' && item.again_is_audit == 1">
<view class="review-evaluation color-base-text">追加评价</view>
<view class="cont">{{ item.again_content }}</view>
<scroll-view scroll-x="true">
<view class="evaluate-img" v-if="item.again_images.length > 0">
<view
class="img-box"
v-for="(again_img, again_index) in item.again_images"
:key="again_index"
@click="previewEvaluate(index, again_index, 'again_images')"
>
<image :src="$util.img(again_img)" mode="aspectFill"></image>
</view>
</view>
</scroll-view>
<view v-if="item.again_explain != ''" class="time shop-reply-box">
<view class="shop-reply" v-if="item.again_explain != ''">商家回复：</view>
<view class="cont">{{ item.again_explain }}</view>
</view>
</template>
</view>
<view v-if="list.length == 0"><ns-empty text="暂无商品评价"></ns-empty></view>
</block>
</mescroll-uni>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import xiaoStarComponent from '@/components/xiao-star-component/xiao-star-component.vue';
export default {
components: { xiaoStarComponent },
data() {
return {
goodsId: 0,
list: [],
evaluateList: [{ name: '全部', value: 0, count: 0 }, { name: '好评', value: 1, count: 0 }, { name: '中评', value: 2, count: 0 }, { name: '差评', value: 3, count: 0 }],
evaluateTab: 0,
mescroll_type: {}
};
},
onLoad(data) {
this.goodsId = data.goods_id || 0;
this.getEvaluateCount();
},
onShow() {
},
methods: {
getEvaluateCount(mescroll) {
this.$api.sendRequest({
url: '/api/goodsevaluate/getgoodsevaluate',
data: {
goods_id: this.goodsId
},
success: res => {
for (let i = 0; i < this.evaluateList.length; i++) {
if (this.evaluateList[i].value == 0) {
this.evaluateList[i].count = res.data.total;
} else if (this.evaluateList[i].value == 1) {
this.evaluateList[i].count = res.data.haoping;
} else if (this.evaluateList[i].value == 2) {
this.evaluateList[i].count = res.data.zhongping;
} else if (this.evaluateList[i].value == 3) {
this.evaluateList[i].count = res.data.chaping;
}
}
}
});
},
getGoodsEvaluate(mescroll) {
this.mescroll_type = mescroll;
this.$api.sendRequest({
url: '/api/goodsevaluate/page',
data: {
page: mescroll.num,
page_size: mescroll.size,
goods_id: this.goodsId,
explain_type: this.evaluateTab == 0 ? '' : this.evaluateTab
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
for (var i = 0; i < newArr.length; i++) {
if (newArr[i].images) newArr[i].images = newArr[i].images.split(',');
if (newArr[i].again_images) newArr[i].again_images = newArr[i].again_images.split(',');
if (newArr[i].is_anonymous == 1) newArr[i].member_name = newArr[i].member_name.replace(newArr[i].member_name.substring(1, newArr[i].member_name.length - 1), '***');
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.list = []; //如果是第一页需手动制空列表
this.list = this.list.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
// 预览评价图片
previewEvaluate(index, img_index, field) {
var paths = [];
for (let i = 0; i < this.list[index][field].length; i++) {
paths.push(this.$util.img(this.list[index][field][i]));
}
uni.previewImage({
current: img_index,
urls: paths
});
},
imageError(index) {
this.list[index].member_headimg = this.$util.getDefaultImage().head;
this.$forceUpdate();
},
onEvaluateTab(value) {
this.list = [];
this.evaluateTab = value;
this.mescroll_type.num = 1;
this.mescroll_type.size = 10;
let mescrolls = {
num: 1,
size: 10
};
this.getGoodsEvaluate(this.mescroll_type);
}
}
};
</script>
<style lang="scss">
.goods-evaluate {
.evaluate-tab {
display: flex;
align-items: center;
background: #fff;
height: 100rpx;
padding: 0 $margin-both;
view {
background: #f0f0f0;
color: #333;
border-radius: 30rpx;
margin-right: 20rpx;
padding: 8rpx 30rpx;
font-size: 24rpx;
}
.active-tab {
background-color: $base-color;
color: #fff;
}
}
.evaluate-item {
margin: $margin-updown $margin-both;
padding: $margin-both;
background: #fff;
border-radius: 10rpx;
.evaluator {
& > view {
display: flex;
align-items: center;
}
.evaluator-face {
width: 79rpx;
height: 79rpx;
border-radius: 50%;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.evaluator-info {
width: 85%;
margin-left: 13rpx;
.evaluator-name {
color: #303133;
font-size: $font-size-base;
line-height: 1;
width: 250rpx;
}
.evaluator-time {
font-size: $font-size-tag;
// margin-top: 14rpx;
line-height: 1;
}
.evaluator-info-left {
display: flex;
align-items: center;
justify-content: space-between;
}
}
}
.cont {
text-align: justify;
display: -webkit-box;
word-break: break-all;
font-size: $font-size-base;
margin: 26rpx 0 0;
color: #000000;
line-height: 42rpx;
}
.evaluate-img {
display: flex;
width: 100%;
flex-wrap: wrap;
margin-top: 19rpx;
.img-box {
flex-shrink: 0;
width: 140rpx;
height: 140rpx;
overflow: hidden;
margin: 20rpx 23rpx 0 0;
border-radius: 10rpx;
&:nth-child(4n) {
margin-right: 0;
}
&:nth-child(-n + 4) {
margin-top: 0;
}
image {
width: 100%;
height: 100%;
}
}
}
.time {
font-size: $font-size-tag;
background: #f8f8f8;
padding: 10rpx 20rpx;
border-radius: 6rpx;
margin-top: 20rpx;
text {
line-height: 42rpx;
color: $color-tip;
}
}
.evaluation-reply {
margin-top: 10rpx;
font-size: $font-size-tag;
}
.review-evaluation {
margin-top: 29rpx;
font-size: $font-size-base;
line-height: 1;
.review-time {
overflow: hidden;
float: right;
}
& + .cont {
margin: 18rpx 0 0;
}
}
}
}
.shop-reply {
font-size: $font-size-base;
color: #000;
line-height: 1;
& + .cont {
margin-top: 10rpx !important;
}
}
.shop-reply-box {
padding: 20rpx !important;
}
</style>

43
pages_tool/goods/not_exist.vue Normal file
View File

@@ -0,0 +1,43 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="closeBox">
<image :src="$util.img('public/uniapp/goods/not_exist.png')" mode="widthFix"></image>
<text class="close-title">您查看的商品不存在，可能已下架或被删除</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {};
},
onShow() {},
methods: {}
};
</script>
<style lang="scss">
.page{
height: 100vh;
overflow: hidden;
}
.closeBox {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 260rpx;
}
image {
width: 400rpx;
}
.close-title {
font-size: $font-size-base;
color: $color-tip;
margin: 55rpx;
letter-spacing: 4rpx;
}
</style>

342
pages_tool/goods/search.vue Normal file
View File

@@ -0,0 +1,342 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view class="content">
<view class="cate-search">
<view class="search-box">
<input class="uni-input" maxlength="50" v-model="inputValue" confirm-type="search" @focus="inputFocus" focus @confirm="search()" :placeholder="searchWords ? searchWords : ''" />
<text class="iconfont icon-sousuo3" @click="search()"></text>
</view>
</view>
<view class="search-content">
<!-- 历史搜索 -->
<view class="history" v-if="historyList.length">
<view class="history-box">
<view class="history-top">
<view class="title">历史搜索</view>
<view class="icon iconfont icon-icon7" @click="deleteHistoryList"></view>
</view>
<view class="history-bottom " id="history-list" :style="{ maxHeight: !isAllHistory ? '100%' : '168rpx' }">
<view class="history-li" v-for="(item, index) in historyList" :key="index" @click="otherSearch(item)">
<view>{{ item }}</view>
</view>
<view class="history-li history_more" v-if="isAllHistory" @click="isAllHistory = false">
<view><text class="iconfont icon-iconangledown"></text></view>
</view>
</view>
</view>
</view>
<!-- 热门搜索 -->
<view class="history" v-if="hotList.length">
<view class="history-box">
<view class="history-top">
<view class="title">热门搜索</view>
</view>
<view class="history-bottom">
<view class="history-li" v-for="(item, index) in hotList" :key="index" @click="otherSearch(item)" @longtap="deleteItem(item)">
<view>{{ item }}</view>
</view>
</view>
</view>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
inputValue: '', //搜索框的值
historyList: [], //历史搜索记录
searchList: [], //搜索发现列表
alikeList: [],
isIndex: false,
searchWords: '',
hotList: [],
isAllHistory: false
};
},
onLoad(options) {
if (options.keyword) this.inputValue = options.keyword;
uni.getStorageSync('search') ? '' : uni.setStorageSync('search', []);
},
onShow() {
this.findHistoryList();
this.defaultSearch();
this.findHotList();
this.$nextTick(function() {
this.getHistoryHeight();
});
},
methods: {
//获取历史搜索记录
findHistoryList() {
this.historyList = uni.getStorageSync('search').reverse();
},
//删除所有历史记录
deleteHistoryList() {
uni.showModal({
title: '提示',
content: '确认删除全部历史记录？',
success: res => {
if (res.confirm) {
uni.setStorageSync('search', []);
this.findHistoryList();
}
}
});
},
//删除历史记录的某一项
deleteItem(e) {
uni.showModal({
title: '提示',
content: '确认删除该条历史记录？',
success: res => {
if (res.confirm) {
let array = uni.getStorageSync('search');
let newArr = array.filter(v => {
return v != e;
});
uni.setStorageSync('search', newArr);
this.findHistoryList();
}
}
});
},
// 获取默认搜素
defaultSearch() {
this.$api.sendRequest({
url: '/api/goods/defaultSearchWords',
success: res => {
this.searchWords = res.data.words;
}
});
},
// 获取热门搜素
findHotList() {
this.$api.sendRequest({
url: '/api/goods/hotSearchWords',
success: res => {
if (res.data.words != '') {
this.hotList = res.data.words.split(',');
}
}
});
},
//input框获取焦点事件
inputFocus(e) {
if (this.inputValue.trim() != '') this.dataList = [];
},
//点击其他列表搜索
otherSearch(e) {
this.inputValue = e;
this.search();
},
//搜索
search() {
if (this.inputValue.trim() != '') {
// 对历史搜索处理,判断有无,最近搜索显示在最前
let historyList = uni.getStorageSync('search');
let array = [];
if (historyList.length) {
array = historyList.filter(v => {
return v != this.inputValue.trim();
});
array.push(this.inputValue.trim());
} else {
array.push(this.inputValue.trim());
}
uni.setStorageSync('search', array);
this.$util.redirectTo('/pages/goods/list', {
keyword: this.inputValue.trim()
});
} else {
if (this.searchWords == '') {
this.$util.showToast({
title: '搜索内容不能为空哦'
});
} else {
this.$util.redirectTo('/pages/goods/list', {
//keyword: this.searchWords
});
}
}
},
// 获取元素高度
getHistoryHeight() {
const query = uni.createSelectorQuery().in(this);
query.select('#history-list')
.boundingClientRect(data => {
if (data && data.height > uni.upx2px(70) * 2 + uni.upx2px(35) * 2) {
this.isAllHistory = true;
}
}).exec();
}
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
/deep/ .empty {
margin-top: 0 !important;
}
.cart-empty {
padding-top: 54px;
}
.content {
// overflow: hidden;
width: 100vw;
/* #ifdef MP */
height: 100vh;
/* #endif */
/* #ifdef H5 */
height: calc(100vh - env(safe-area-inset-bottom) - var(--status-bar-height));
/* #endif */
/* #ifdef APP-PLUS */
height: calc(100vh - 44px - env(safe-area-inset-bottom));
/* #endif */
background: #ffffff;
}
.cate-search {
width: 100%;
background: #ffffff;
padding: 10rpx 30rpx;
box-sizing: border-box;
/* #ifdef H5 */
padding-top: 30rpx;
/* #endif */
input {
font-size: $font-size-base;
height: 100%;
padding: 0 25rpx 0 30rpx;
width: calc(100% - 120rpx);
}
text {
font-size: 32rpx;
color: $color-tip;
width: 120rpx;
text-align: center;
}
.search-box {
width: 100%;
height: 64rpx;
background: $color-bg;
display: flex;
justify-content: center;
align-items: center;
border-radius: 40rpx;
}
}
.search-content {
box-sizing: border-box;
background: #ffffff;
}
.history {
width: 100%;
box-sizing: border-box;
.history-box {
width: 100%;
height: 100%;
background: #ffffff;
padding: 30rpx 30rpx 0rpx 30rpx;
box-sizing: border-box;
overflow: hidden;
.history-top {
width: 100%;
height: 60rpx;
display: flex;
justify-content: space-between;
align-items: center;
font-size: $font-size-toolbar;
.title {
font-weight: 500;
font-size: $font-size-toolbar;
}
.iconfont {
color: $color-tip;
font-size: $font-size-base;
}
}
.history-bottom {
width: 100%;
padding-top: $padding;
position: relative;
.history-li {
display: inline-block;
margin-right: 20rpx;
margin-bottom: 15rpx;
max-width: 100%;
view {
line-height: 66rpx;
background: #f8f8f8 !important;
height: 66rpx;
color: #303133 !important;
margin: 0 0rpx 4rpx 0 !important;
padding: 0 $padding;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
border-radius: 20rpx;
}
&.history_more {
margin-right: 0;
position: absolute;
bottom: 0;
right: 0;
}
}
}
}
.hidden-show {
width: 100%;
height: 70rpx;
text-align: center;
line-height: 70rpx;
}
}
.search-alike {
width: 100%;
height: calc(100vh - 100rpx);
padding: 0 $padding;
box-sizing: border-box;
.alike-box {
width: 100%;
height: 100%;
background: #ffffff;
border-radius: $padding;
overflow: hidden;
}
}
</style>

141
pages_tool/help/detail.vue Normal file
View File

@@ -0,0 +1,141 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="help-title">{{ detail.title }}</view>
<view class="help-content"><rich-text :nodes="content"></rich-text></view>
<view class="help-meta">
<text class="help-time">发表时间: {{ $util.timeStampTurnTime(detail.create_time) }}</text>
</view>
<loading-cover ref="loadingCover"></loading-cover>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
id: 0,
detail: {},
content: ''
};
},
onLoad(options) {
this.id = options.id || 0;
// 小程序扫码进入
if (options.scene) {
var sceneParams = decodeURIComponent(options.scene);
this.id = sceneParams.split('-')[1];
}
if (this.id == 0) {
this.$util.redirectTo('/pages_tool/help/list', {}, 'redirectTo');
}
},
onShow() {
this.getData();
},
methods: {
getData() {
this.$api.sendRequest({
url: '/api/help/info',
data: {
id: this.id
},
success: res => {
if (res.code == 0) {
if (res.data) {
this.detail = res.data;
this.$langConfig.title(this.detail.title);
this.content = htmlParser(res.data.content);
this.setPublicShare();
} else {
this.$util.showToast({
title: res.message
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/help/list', {}, 'redirectTo');
}, 2000);
}
} else {
this.$util.showToast({
title: res.message
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/help/list', {}, 'redirectTo');
}, 2000);
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/help/detail?id=' + this.id;
this.$util.setPublicShare({
title: this.detail.title,
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
});
}
},
onShareAppMessage(res) {
var title = this.detail.title;
var path = '/pages_tool/help/detail?id=' + this.id;
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
},
//分享到朋友圈
onShareTimeline() {
var title = this.detail.title;
var query = 'id=' + this.id;
return {
title: title,
query: query,
imageUrl: ''
};
}
};
</script>
<style lang="scss">
.page {
width: 100%;
height: 100%;
padding: 30rpx;
box-sizing: border-box;
background: #ffffff;
}
.help-title {
font-size: $font-size-toolbar;
text-align: center;
}
.help-content {
margin-top: $margin-updown;
word-break: break-all;
}
.help-meta {
text-align: right;
margin-top: $margin-updown;
color: $color-tip;
.help-time {
font-size: $font-size-tag;
}
}
</style>

135
pages_tool/help/list.vue Normal file
View File

@@ -0,0 +1,135 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="help">
<block v-if="dataList.length">
<view class="help-item" v-for="(item, index) in dataList" :key="index">
<view :class="['item-title', item.child_list.length == 0 ? 'empty' : '']">{{ item.class_name }}</view>
<view class="item-content" v-for="(s_item, s_index) in item.child_list" :key="s_index" @click="helpDetail(s_item)">{{ s_item.title }}</view>
</view>
</block>
<block v-else><ns-empty text="暂无帮助信息" :isIndex="false"></ns-empty></block>
<loading-cover ref="loadingCover"></loading-cover>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
export default {
data() {
return {
dataList: []
};
},
onLoad() {},
onShow() {
this.setPublicShare();
this.getData();
},
methods: {
getData() {
this.$api.sendRequest({
url: '/api/helpclass/lists',
data: {},
success: res => {
if (res.code == 0 && res.data) {
this.dataList = res.data;
} else {
this.$util.showToast({
title: res.message
});
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
helpDetail(e) {
// #ifndef MP-WEIXIN
if (e.link_address) {
uni.redirectTo({
url: '/pages_tool/webview/webview?src=' + encodeURIComponent(e.link_address)
});
} else {
this.$util.redirectTo('/pages_tool/help/detail', {
id: e.id
});
}
// #endif
// #ifdef MP-WEIXIN
this.$util.redirectTo('/pages_tool/help/detail', {
id: e.id
});
// #endif
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/help/list';
this.$util.setPublicShare({
title: '帮助中心',
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
});
}
},
onShareAppMessage(res) {
var title = '帮助中心使你更加方便';
var path = '/pages_tool/help/list';
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
}
};
</script>
<style lang="scss" scoped>
.help {
height: 100%;
box-sizing: border-box;
padding-top: 20rpx;
.help-item {
width: calc(100% - 60rpx);
margin: 0 auto;
padding: 32rpx 35rpx;
box-sizing: border-box;
background-color: #fff;
margin-bottom: 18rpx;
border-radius: 10rpx;
.item-title {
padding-bottom: 15rpx;
font-size: 30rpx;
color: #000;
border-bottom: 2rpx solid #f1f1f1;
&.empty {
padding-bottom: 0;
border-bottom: none;
}
}
.item-content {
padding: 24rpx 0;
border-bottom: 2rpx solid #f1f1f1;
font-size: $font-size-base;
color: $color-sub;
&:last-child {
border-bottom: none;
padding-bottom: 0;
}
}
}
}
</style>

95
pages_tool/index/diy.vue Normal file
View File

@@ -0,0 +1,95 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view :style="{ backgroundColor: bgColor, minHeight: openBottomNav ? 'calc(100vh - 55px)' : '' }" class="page-img">
<view class="page-header" v-if="diyData.global && diyData.global.navBarSwitch" :style="{ backgroundImage: bgImg }">
<ns-navbar :title-color="textNavColor" :data="diyData.global" :scrollTop="scrollTop" :isBack="true"/>
</view>
<diy-index-page v-if="topIndexValue" ref="indexPage" :value="topIndexValue" :bgUrl="bgUrl" :scrollTop="scrollTop" :diyGlobal="diyData.global" class="diy-index-page">
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop" :haveTopCategory="true"/>
<ns-copyright v-show="isShowCopyRight"/>
</diy-index-page>
<view v-else class="bg-index" :style="{ backgroundImage: backgroundUrl, paddingTop: paddingTop, marginTop: marginTop }">
<diy-group ref="diyGroup" v-if="diyData.value" :diyData="diyData" :scrollTop="scrollTop"/>
<ns-copyright v-show="isShowCopyRight"/>
</view>
<template v-if="diyData.global && diyData.global.popWindow && diyData.global.popWindow.count != -1 && diyData.global.popWindow.imageUrl">
<view @touchmove.prevent.stop>
<uni-popup ref="uniPopupWindow" type="center" class="wap-floating" :maskClick="false">
<view class="image-wrap">
<image :src="$util.img(diyData.global.popWindow.imageUrl)" :style="popWindowStyle" @click="uniPopupWindowFn()" mode="aspectFit"/>
</view>
<text class="iconfont icon-round-close" @click="closePopupWindow"></text>
</uni-popup>
</view>
</template>
<!-- 底部tabBar -->
<view class="page-bottom" v-if="openBottomNav">
<diy-bottom-nav @callback="callback" :name="name"/>
</view>
<!-- 收藏 -->
<uni-popup ref="collectPopupWindow" type="top" class="wap-floating wap-floating-collect">
<view v-if="showTip" class="collectPopupWindow" :style="{ marginTop: (collectTop + statusBarHeight) * 2 + 'rpx' }">
<image :src="$util.img('public/uniapp/index/collect2.png')" mode="aspectFit"/>
<text @click="closeCollectPopupWindow">我知道了</text>
</view>
</uni-popup>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import nsNavbar from '@/components/ns-navbar/ns-navbar.vue';
import diyJs from '@/common/js/diy.js';
import microPageJs from './public/js/diy.js';
export default {
components: {
uniPopup,
nsNavbar
},
mixins: [diyJs, microPageJs]
};
</script>
<style lang="scss">
@import '@/common/css/diy.scss';
</style>
<style scoped>
.wap-floating>>>.uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background: none !important;
}
/deep/.diy-index-page .uni-popup .uni-popup__wrapper-box {
border-radius: 0;
}
.choose-store>>>.goodslist-uni-popup-box {
width: 80%;
}
/deep/ .placeholder {
height: 0;
}
/deep/::-webkit-scrollbar {
width: 0;
height: 0;
background-color: transparent;
display: none;
}
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
max-height: unset !important;
}
</style>

12
pages_tool/index/public/js/diy.js Normal file
View File

@@ -0,0 +1,12 @@
export default {
data() {
return {
diyRoute: '/pages_tool/index/diy'
};
},
onLoad(option) {
},
onShow() {
},
methods: {},
}

439
pages_tool/login/find.vue Normal file
View File

@@ -0,0 +1,439 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="find">
<view class="iconfont icon-close" @click="navigateBack()"></view>
<view class="header-wrap">
<block v-if="stepShow == 0">
<view class="title">请输入手机号</view>
<view><text class="color-tip">请确认您的账号已绑定此手机号</text></view>
</block>
<block v-if="stepShow == 1">
<view class="title">请输入验证码</view>
<view>
<text class="color-tip">已将验证码发送至手机号：{{ formData.mobile }}</text>
</view>
</block>
<block v-if="stepShow == 2">
<view class="title">请设置新的密码</view>
<view><text class="color-tip">建议您的新密码以简单好记为标准</text></view>
</block>
</view>
<view class="find-form">
<!-- 输入手机号和验证码 -->
<block v-if="stepShow == 0">
<view class="form-input">
<input
class="uni-input"
placeholder-class="placeholder-class"
type="text"
maxlength="17"
v-model="formData.mobile"
:placeholder="$lang('accountPlaceholder')"
/>
</view>
<view class="form-input align-type">
<input
class="uni-input info-content"
placeholder-class="placeholder-class"
type="number"
maxlength="4"
:placeholder="$lang('captchaPlaceholder')"
v-model="formData.captcha"
/>
<image :src="captcha.img" class="captcha" @click="getCaptcha"></image>
</view>
<button type="primary" class="find-btn" @click="nextStep()">{{ $lang('next') }}</button>
</block>
<!-- 输入动态码 -->
<block v-if="stepShow == 1">
<myp-one :maxlength="4" @input="input" ref="input" :auto-focus="true"></myp-one>
<button type="primary" class="find-btn" :disabled="isSend" @click="sendDynaCode">{{ codeText }}</button>
</block>
<!-- 输入新密码 -->
<block v-if="stepShow == 2">
<view class="form-input">
<input
class="uni-input"
placeholder-class="placeholder-class"
type="text"
maxlength="30"
password="true"
:placeholder="$lang('passwordPlaceholder')"
v-model="formData.password"
/>
</view>
<view class="form-input">
<input
class="uni-input"
placeholder-class="placeholder-class"
type="text"
maxlength="30"
password="true"
:placeholder="$lang('rePasswordPlaceholder')"
v-model="formData.rePassword"
/>
</view>
<button type="primary" class="find-btn" @click="save">{{ $lang('save') }}</button>
</block>
</view>
</view>
</template>
<script>
import validate from 'common/js/validate.js';
import mypOne from '@/pages_tool/components/myp-one/myp-one.vue';
export default {
components: {
mypOne
},
data() {
return {
findMode: 'mobile',
codeText: '重新获取',
seconds: 120,
timer: null,
formData: {
mobile: '',
password: '',
rePassword: '',
dynacode: '',
captcha: ''
},
stepShow: 0,
isSend: false,
captcha: {
id: '',
img: ''
},
registerConfig: {}
};
},
onLoad() {
this.getCaptcha();
},
onShow() {
this.getRegisterConfig();
},
methods: {
input(val) {
if (val.length == 4) {
this.formData.dynacode = val;
this.stepShow += 1;
}
},
// 导航跳转
navigateBack() {
if (this.stepShow > 0) {
this.stepShow -= 1;
} else {
this.$util.redirectTo('/pages_tool/login/login', '', 'redirectTo');
}
},
// 下一步
async nextStep() {
let step0Rule = [
{
name: 'mobile',
checkType: 'phoneno',
errorMsg: '请输入正确的手机号'
},
{
name: 'captcha',
checkType: 'required',
errorMsg: this.$lang('captchaPlaceholder')
}
], //手机验证
step0CheckRes;
step0CheckRes = validate.check(this.formData, step0Rule);
if (step0CheckRes) {
this.findMode = 'mobile';
let res = await this.$api.sendRequest({
url: '/api/member/checkmobile',
data: {
mobile: this.formData.mobile
},
async: false
});
if (res.code == 0) {
this.$util.showToast({
title: '该手机号未注册'
});
return false;
}
} else {
this.$util.showToast({
title: validate.error
});
return false;
}
this.sendDynaCode();
},
// 注册表单验证
vertify() {
let regConfig = this.registerConfig;
let rule = [
{
name: 'password',
checkType: 'required',
errorMsg: '请输入密码'
}
];
if (regConfig.pwd_len > 0) {
rule.push({
name: 'password',
checkType: 'lengthMin',
checkRule: regConfig.pwd_len,
errorMsg: '密码长度不能小于' + regConfig.pwd_len + '位'
});
}
if (regConfig.pwd_complexity != '') {
let passwordErrorMsg = '密码需包含',
reg = '';
if (regConfig.pwd_complexity.indexOf('number') != -1) {
reg += '(?=.*?[0-9])';
passwordErrorMsg += '数字';
}
if (regConfig.pwd_complexity.indexOf('letter') != -1) {
reg += '(?=.*?[a-z])';
passwordErrorMsg += '、小写字母';
}
if (regConfig.pwd_complexity.indexOf('upper_case') != -1) {
reg += '(?=.*?[A-Z])';
passwordErrorMsg += '、大写字母';
}
if (regConfig.pwd_complexity.indexOf('symbol') != -1) {
reg += '(?=.*?[#?!@$%^&*-])';
passwordErrorMsg += '、特殊字符';
}
rule.push({
name: 'password',
checkType: 'reg',
checkRule: reg,
errorMsg: passwordErrorMsg
});
}
var checkRes = validate.check(this.formData, rule);
if (checkRes) {
if (this.formData.password != this.formData.rePassword) {
this.$util.showToast({
title: '两次密码不一致'
});
return false;
}
return true;
} else {
this.$util.showToast({
title: validate.error
});
return false;
}
},
// 获取验证码
getCaptcha() {
this.$api.sendRequest({
url: '/api/captcha/captcha',
data: {
captcha_id: this.captcha.id
},
success: res => {
if (res.code >= 0) {
this.captcha = res.data;
this.captcha.img = this.captcha.img.replace(/\r\n/g, '');
}
}
});
},
// 发送动态验证码
async sendDynaCode() {
if (this.formData.captcha.length == 0) {
this.$util.showToast({
title: this.$lang('captchaPlaceholder')
});
return;
}
if (this.isSend) return;
this.isSend = true;
var url,
data = {
captcha_id: this.captcha.id,
captcha_code: this.formData.captcha
};
data[this.findMode] = this.formData.mobile;
url = '/api/findpassword/mobilecode';
this.$api.sendRequest({
url: url,
data: data,
success: res => {
let data = res.data;
if (data.key) {
if (this.seconds == 120 && this.timer == null) {
this.timer = setInterval(() => {
this.seconds--;
this.codeText = '重新获取(' + this.seconds + 's)';
}, 1000);
}
uni.setStorageSync('forgot_password_token', data.key);
this.stepShow += 1;
} else {
this.$util.showToast({
title: res.message
});
this.isSend = false;
this.getCaptcha();
}
},
fail: res => {
this.isSend = false;
this.getCaptcha();
}
});
},
save() {
if (this.vertify()) {
var url,
data = {
code: this.formData.dynacode,
key: uni.getStorageSync('forgot_password_token'),
password: this.formData.password
};
data[this.findMode] = this.formData.mobile;
url = '/api/findpassword/mobile';
this.$api.sendRequest({
url: url,
data: data,
success: res => {
this.$util.showToast({
title: res.message
});
if (res.code == 0) {
setTimeout(() => {
uni.removeStorage({
key: 'forgot_password_token'
});
this.$util.redirectTo('/pages_tool/login/login', {}, 'redirectTo');
}, 1000);
} else {
this.stepShow -= 1;
}
}
});
}
},
/**
* 获取注册配置
*/
getRegisterConfig() {
this.$api.sendRequest({
url: '/api/register/config',
success: res => {
if (res.code >= 0) {
this.registerConfig = res.data.value;
}
}
});
}
},
watch: {
seconds(value) {
if (value == 0) {
this.seconds = 120;
this.codeText = '重新获取';
this.isSend = false;
clearInterval(this.timer);
}
}
}
};
</script>
<style lang="scss">
page {
background: #ffffff !important;
overflow: hidden;
}
.captcha {
width: 170rpx;
height: 50rpx;
}
.find-form {
padding: 100rpx 80rpx 0;
.form-input {
margin-top: 60rpx;
height: 60rpx;
border-bottom: 2rpx solid $color-line;
input {
padding: 0;
font-size: $font-size-base;
}
}
.find-btn {
margin: 374rpx 0 0;
border-radius: $border-radius;
color: #fff;
&[disabled] {
background-color: #f7f7f7 !important;
}
}
}
.forget-section {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin-top: 10rpx;
height: 70rpx;
line-height: 70rpx;
}
.align-type {
display: flex;
justify-content: space-between;
}
.header-wrap {
width: 80%;
height: 100%;
margin: calc(120rpx + 88rpx) auto 0;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
position: relative;
.title {
font-size: 50rpx;
font-weight: bold;
}
}
.icon-close {
font-size: 52rpx;
position: fixed;
left: 24rpx;
top: 72rpx;
z-index: 9;
color: #000;
}
.placeholder-class {
color: #bfbfbf;
}
</style>

484
pages_tool/login/login.vue Normal file
View File

@@ -0,0 +1,484 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<scroll-view scroll-y="false" class="container">
<view class="header-wrap" :style="{backgroundImage: 'url('+$util.img('public/uniapp/member/head.png')+')'}">
<view class="t-b">
您好，
<br />
欢迎使用
</view>
</view>
<view class="body-wrap">
<view class="form-wrap">
<view class="input-wrap" v-show="loginMode == 'mobile'">
<view class="content">
<!-- <view class="area-code">+86</view> -->
<input type="number" placeholder="请输入您的手机号" placeholder-class="input-placeholder" class="input" maxlength="11" v-model="formData.mobile" />
</view>
</view>
<view class="input-wrap" v-show="loginMode == 'account'">
<view class="content">
<input type="text" placeholder="请输入账号" placeholder-class="input-placeholder" class="input" v-model="formData.account" />
</view>
</view>
<view class="input-wrap" v-show="loginMode == 'account'">
<view class="content">
<input type="password" placeholder="请输入密码" placeholder-class="input-placeholder" class="input" v-model="formData.password" />
<view class="align-right" v-show="loginMode == 'account'">
<text @click="forgetPassword">忘记密码?</text>
</view>
</view>
</view>
<view class="input-wrap" v-show="loginMode == 'mobile'">
<view class="content">
<input type="text" placeholder="请输入动态码" placeholder-class="input-placeholder" class="input" v-model="formData.dynacode" />
<view class="dynacode" :class="dynacodeData.seconds == 120 ? 'color-base-text' : 'color-tip'"
@click="sendMobileCode">{{ dynacodeData.codeText }}</view>
</view>
</view>
</view>
<view class="btn_view">
<button type="primary" @click="login" class="login-btn color-base-border color-base-bg" style="background: #2796f2 !important;border: none;">登录</button>
</view>
<view class="regisiter-agreement" style="margin: 0 50rpx;padding-top: 40rpx;line-height: 1.5;display: flex;">
<view style="" class="iconfont" :class=" isAgree ? 'icon-fuxuankuang1 color-base-text' : 'icon-fuxuankuang2' " @click="isAgree = !isAgree"></view>
<view style="text-align: left;margin-left: 10rpx;padding-top: 2rpx;">若您未注册，则登录后将自动帮您注册。注册即视为同意 <text @click="tourl('/pages_tool/agreement/contenr?type=0')" style="color:#4395ff">《隐私条款》</text> <text @click="tourl('/pages_tool/agreement/contenr?type=1')" style="color:#4395ff">《用户服务协议》</text></view>
</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
<register-reward ref="registerReward"></register-reward>
</scroll-view>
</template>
<script>
import validate from 'common/js/validate.js';
import registerReward from '@/components/register-reward/register-reward.vue';
export default {
data() {
return {
isAgree: false,
// loginMode: 'account',
loginMode: 'mobile',
formData: {
mobile: '',
account: '',
password: '',
vercode: '',
dynacode: '',
key: ''
},
captcha: {
id: '',
img: ''
},
isSub: false, // 提交防重复
back: '', // 返回页
redirect: 'redirectTo', // 跳转方式
dynacodeData: {
seconds: 120,
timer: null,
codeText: '获取动态码',
isSend: false
},
registerConfig: {
register: 'mobile',
login: ''
},
captchaConfig: 0,
authInfo: null
};
},
components: {
registerReward
},
onLoad(option) {
if (option.back) this.back = option.back;
this.getRegisterConfig();
// this.getCaptchaConfig();
this.authInfo = uni.getStorageSync('authInfo');
},
onShow() {},
onReady() {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
methods: {
/**
* 获取验证码配置
*/
getCaptchaConfig() {
this.$api.sendRequest({
url: '/api/config/getCaptchaConfig',
success: res => {
if (res.code >= 0) {
this.captchaConfig = res.data.shop_reception_login;
if (this.captchaConfig == 1) this.getCaptcha();
}
}
});
},
/**
* 获取注册配置
*/
getRegisterConfig() {
this.$api.sendRequest({
url: '/api/register/config',
success: res => {
if (res.code >= 0) {
// this.registerConfig = res.data.value;
// if (this.registerConfig.login.indexOf('mobile') != -1) this.loginMode = 'mobile';
// else this.loginMode = 'account';
}
}
});
},
/**
* 切换登录方式
*/
switchLoginMode() {
this.loginMode = this.loginMode == 'mobile' ? 'account' : 'mobile';
},
/**
* 获取验证码
*/
getCaptcha() {
if (this.captchaConfig == 0) return;
this.$api.sendRequest({
url: '/api/captcha/captcha',
data: {
captcha_id: this.captcha.id
},
success: res => {
if (res.code >= 0) {
this.captcha = res.data;
this.captcha.img = this.captcha.img.replace(/\r\n/g, '');
}
}
});
},
/**
* 去注册
*/
toRegister() {
if (this.back) this.$util.redirectTo('/pages_tool/login/register', {
back: encodeURIComponent(this.back)
});
else this.$util.redirectTo('/pages_tool/login/register');
},
/**
* 忘记密码
*/
forgetPassword() {
if (this.back) this.$util.redirectTo('/pages_tool/login/find', {
back: encodeURIComponent(this.back)
});
else this.$util.redirectTo('/pages_tool/login/find');
},
tourl(url){
this.$util.redirectTo(url);
},
/**
* 登录
*/
login() {
if (!this.isAgree) {
this.$util.showToast({
title: '请先阅读并同意协议'
});
return false;
}
if (this.loginMode == 'account') {
var url = '/api/login/login';
data = {
username: this.formData.account,
password: this.formData.password
};
} else {
var url = '/api/login/mobile',
data = {
mobile: this.formData.mobile,
key: this.formData.key,
code: this.formData.dynacode
};
}
if (this.captcha.id != '') {
data.captcha_id = this.captcha.id;
data.captcha_code = this.formData.vercode;
}
if (this.authInfo) Object.assign(data, this.authInfo);
if (uni.getStorageSync('source_member')) data.source_member = uni.getStorageSync('source_member');
if (this.verify(data)) {
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url,
data,
success: res => {
if (res.code >= 0) {
var can_receive_registergift = res.data.can_receive_registergift;
this.$store.commit('setToken', res.data.token);
this.$store.dispatch('getCartNumber');
this.getMemberInfo(() => {
if (can_receive_registergift == 1) {
this.$util.showToast({
title: '登录成功'
});
let back = this.back ? this.back : '/pages/member/index';
if(this.$refs.registerReward) this.$refs.registerReward.open(back);
} else {
if (this.back != '') {
this.$util.redirectTo(decodeURIComponent(this.back), {}, 'reLaunch');
} else {
this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
}
}
});
} else {
this.isSub = false;
this.getCaptcha();
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.isSub = false;
this.getCaptcha();
}
});
}
},
/**
* 登录验证
* @param {Object} data
*/
verify(data) {
let rule = [];
// 手机号验证
if (this.loginMode == 'mobile') {
rule = [{
name: 'mobile',
checkType: 'required',
errorMsg: '请输入手机号'
}, {
name: 'mobile',
checkType: 'phoneno',
errorMsg: '请输入正确的手机号'
}];
if (this.captchaConfig == 1) {
if (this.captcha.id != '') rule.push({
name: 'captcha_code',
checkType: 'required',
errorMsg: this.$lang('captchaPlaceholder')
});
}
rule.push({
name: 'code',
checkType: 'required',
errorMsg: this.$lang('dynacodePlaceholder')
});
}
// 账号验证
if (this.loginMode == 'account') {
rule = [{
name: 'username',
checkType: 'required',
errorMsg: this.$lang('accountPlaceholder')
},
{
name: 'password',
checkType: 'required',
errorMsg: this.$lang('passwordPlaceholder')
}
];
if (this.captchaConfig == 1) {
if (this.captcha.id != '') rule.push({
name: 'captcha_code',
checkType: 'required',
errorMsg: this.$lang('captchaPlaceholder')
});
}
}
var checkRes = validate.check(data, rule);
if (checkRes) {
return true;
} else {
this.$util.showToast({
title: validate.error
});
return false;
}
},
mobileAuthLogin(e) {
if (e.detail.errMsg == 'getPhoneNumber:ok') {
var data = {
iv: e.detail.iv,
encryptedData: e.detail.encryptedData
};
if (Object.keys(this.authInfo).length) {
Object.assign(data, this.authInfo);
if (this.authInfo.nickName) data.nickname = this.authInfo.nickName;
if (this.authInfo.avatarUrl) data.headimg = this.authInfo.avatarUrl;
}
if (uni.getStorageSync('source_member')) data.source_member = uni.getStorageSync('source_member');
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/api/tripartite/mobileauth',
data,
success: res => {
if (res.code >= 0) {
var can_receive_registergift = res.data.can_receive_registergift;
this.$store.commit('setToken', res.data.token);
this.$store.dispatch('getCartNumber');
this.getMemberInfo(() => {
if (can_receive_registergift == 1) {
let back = this.back ? this.back : '/pages/member/index';
if(this.$refs.registerReward) this.$refs.registerReward.open(back);
} else {
if (this.back != '') {
this.$util.redirectTo(decodeURIComponent(this.back), {}, this.redirect);
} else {
this.$util.redirectTo('/pages/member/index', {}, this.redirect);
}
}
})
} else {
this.isSub = false;
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.isSub = false;
this.$util.showToast({
title: 'request:fail'
});
}
});
}
},
/**
* 发送手机动态码
*/
sendMobileCode() {
if (this.dynacodeData.seconds != 120 || this.dynacodeData.isSend) return;
var data = {
mobile: this.formData.mobile,
captcha_id: this.captcha.id,
captcha_code: this.formData.vercode
};
var rule = [{
name: 'mobile',
checkType: 'required',
errorMsg: '请输入手机号'
}, {
name: 'mobile',
checkType: 'phoneno',
errorMsg: '请输入正确的手机号'
}];
if (this.captchaConfig == 1) {
rule.push({
name: 'captcha_code',
checkType: 'required',
errorMsg: '请输入验证码'
});
}
var checkRes = validate.check(data, rule);
if (!checkRes) {
this.$util.showToast({
title: validate.error
});
return;
}
this.dynacodeData.isSend = true;
this.dynacodeData.timer = setInterval(() => {
this.dynacodeData.seconds--;
this.dynacodeData.codeText = this.dynacodeData.seconds + 's后可重新获取';
}, 1000);
this.$api.sendRequest({
url: '/api/login/mobileCode',
data: data,
success: res => {
if (res.code >= 0) {
this.formData.key = res.data.key;
} else {
this.refreshDynacodeData();
this.$util.showToast({
title: res.message
});
}
},
fail: () => {
this.$util.showToast({
title: 'request:fail'
});
this.refreshDynacodeData();
}
});
},
refreshDynacodeData() {
this.getCaptcha();
clearInterval(this.dynacodeData.timer);
this.dynacodeData = {
seconds: 120,
timer: null,
codeText: '获取动态码',
isSend: false
};
},
getMemberInfo(callback) {
this.$api.sendRequest({
url: '/api/member/info',
success: (res) => {
if (res.code >= 0) {
// 登录成功，存储会员信息
this.$store.commit('setMemberInfo', res.data);
if (callback) callback();
}
}
});
}
},
watch: {
'dynacodeData.seconds': {
handler(newValue, oldValue) {
if (newValue == 0) {
this.refreshDynacodeData();
}
},
immediate: true,
deep: true
}
}
};
</script>
<style lang="scss">
@import './public/css/common.scss';
.color-base-text{
color:#2796f2 !important
}
</style>
<style scoped>
/deep/ .reward-popup .uni-popup__wrapper-box {
background: none !important;
max-width: unset !important;
max-height: unset !important;
overflow: unset !important;
}
/deep/ uni-toast .uni-simple-toast__text {
background: red !important;
}
</style>

209
pages_tool/login/public/css/common.scss Normal file
View File

@@ -0,0 +1,209 @@
/deep/.uni-scroll-view {
background-color: #fff;
}
/deep/.uni-scroll-view::-webkit-scrollbar {
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
display: none;
}
page {
width: 100%;
background: #fff !important;
}
.align-right {
color: #838383;
}
.container {
width: 100vw;
height: 100vh;
}
.t-b {
text-align: left;
font-size: 42rpx;
color: #ffffff;
padding: 130rpx 0 50rpx 70rpx;
font-weight: bold;
line-height: 70rpx;
}
.header-wrap {
// width: 80%;
// margin: calc(120rpx + 44px) auto 0;
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
position: relative;
// margin-top:80rpx;
background-size: 100% 100%;
.title {
font-size: 60rpx;
font-weight: bold;
}
}
.body-wrap {
margin-top: 100rpx;
padding-bottom: 100rpx;
.form-wrap {
width: 80%;
margin: 0 auto;
.input-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
height: 60rpx;
margin-top: 60rpx;
.iconfont {
width: 60rpx;
height: 60rpx;
position: absolute;
left: 0;
right: 0;
line-height: 60rpx;
font-size: $font-size-toolbar;
color: $color-title;
font-weight: 600;
}
.content {
display: flex;
height: 60rpx;
border-bottom: 2rpx solid $color-line;
align-items: center;
.input {
flex: 1;
height: 60rpx;
line-height: 60rpx;
font-size: $font-size-base;
}
.input-placeholder {
font-size: $font-size-base;
color: #bfbfbf;
line-height: 60rpx;
}
.captcha {
margin: 4rpx;
height: 52rpx;
width: 140rpx;
}
.dynacode {
line-height: 60rpx;
font-size: $font-size-tag;
}
.area-code {
line-height: 60rpx;
margin-right: 20rpx;
font-size: $font-size-base;
}
}
}
}
.forget-section {
display: flex;
width: 80%;
margin: 40rpx auto;
view {
flex: 1;
font-size: $font-size-tag;
line-height: 1;
}
}
.btn_view {
width: 100%;
margin: 94rpx auto auto;
padding: 0 $margin-both;
box-sizing: border-box;
}
.login-btn {
height: 90rpx;
line-height: 90rpx;
border-radius: $border-radius;
text-align: center;
border: 2rpx solid;
width: 100%;
margin: 0;
}
.auth-login {
margin-top: 20rpx;
width: calc(100% - 4rpx);
height: 90rpx;
line-height: 90rpx;
border-radius: $border-radius;
border: 2rpx solid;
color: #fff;
text-align: center;
margin-left: 0;
background-color: #fff;
text {
color: #d0d0d0;
}
.iconfont {
font-size: 70rpx;
}
.icon-weixin {
color: #1aad19;
}
}
// .auth-login{
// background-color: #fff;
// display: flex;
// justify-content: center;
// align-items: center;
// text-align: center;
// padding: 0;
// text{
// color: #D0D0D0;
// }
// .iconfont{
// font-size: 70rpx;
// }
// }
.regisiter-agreement {
// text-align: center;
margin-top: 30rpx;
color: #838383;
line-height: 60rpx;
font-size: $font-size-tag;
.tips{
margin:0 10rpx;
}
}
}
.login-btn-box {
margin-top: 50rpx;
}
.login-btn-box.active {
margin: 30rpx 0 50rpx;
}
.back-btn {
font-size: 52rpx;
position: fixed;
left: 24rpx;
top: 72rpx;
z-index: 9;
color: #000;
}
.login-mode-box {
display: flex;
justify-content: flex-end;
color: $color-tip;
margin: auto;
margin-top: 44rpx;
font-size: 26rpx;
width: 80%;
}

449
pages_tool/member/account.vue Normal file
View File

@@ -0,0 +1,449 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni ref="mescroll" @getData="getData" v-if="storeToken">
<block slot="list">
<view class="nc-info-list-content">
<view class="list-item balance-item" @click="setBalanceDefault()" v-if="type=='fenxiao' && payList && payList.balance">
<view class="item-top">
<view class="item-left">
<view class="title-text">提现到余额</view>
</view>
</view>
</view>
<block v-if="dataList.length > 0">
<view class="list-item" v-for="(item, index) in dataList" :key="index">
<view class="item-top">
<view class="item-left">
<view class="title-text">{{ item.withdraw_type_name }}</view>
<view class="info-content">
<text class="top-title">{{ item.realname }}</text>
<text class="top-num">{{ item.mobile }}</text>
</view>
<view class="content-bottom">
<block v-if="item.withdraw_type == 'alipay'">
提现账号：{{ item.bank_account }}
</block>
<block v-if="item.withdraw_type == 'bank'">
银行名称 ：{{ item.branch_bank_name }}
</block>
</view>
</view>
<view class="item-btn" @click.stop="editAccount('edit', item.id)">修改</view>
</view>
<view class="item-bottom">
<view class="account-default" @click="setDefault(item.id,item.is_default)">
<text class="default">设为默认账户</text>
<switch v-if="item.is_default == 1" checked disabled style="transform:scale(0.7)" :color="themeStyle.main_color" />
<switch v-else style="transform:scale(0.7)" :color="themeStyle.main_color" />
</view>
<view class="account-btn">
<text class="delete" v-if="item.is_default != 1" @click="deleteAccount(item.id)">
<text class="iconfont iconicon7"></text>
</text>
</view>
</view>
</view>
</block>
</view>
<view v-if="dataList.length <= 0 && (type != 'fenxiao' || (type == 'fenxiao' && payList && !payList.balance))" class="empty-box">
<image :src="$util.img('public/uniapp/member/account/empty.png')" mode="widthFix"></image>
<view class="tips">暂无账户信息，请添加</view>
<button type="primary" class="add-account" @click="editAccount('add')">{{ $lang('newAddAccount') }}</button>
</view>
</block>
</mescroll-uni>
<view class="btn-add" v-if="dataList.length > 0 || (type == 'fenxiao' && payList && payList.balance)">
<button class="add-account" type="primary" @click="editAccount('add')">{{ $lang('newAddAccount') }}</button>
</view>
<loading-cover ref="loadingCover"></loading-cover>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
export default {
data() {
return {
dataList: [], //账号列表
back: '', // 返回页
redirect: 'redirectTo', // 跳转方式
type: 'member',
payList: null
};
},
onLoad(option) {
if (option.back) this.back = option.back;
if (option.type) this.type = option.type;
if (option.redirect) this.redirect = option.redirect;
},
onShow() {
if (this.storeToken) {
this.getTransferType();
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/account');
});
}
},
methods: {
// 编辑提现账户信息
editAccount(type, id) {
let data = {};
data.type = this.type;
if (type == 'edit') data.id = id;
if (this.back) data.back = this.back;
this.$util.redirectTo('/pages_tool/member/account_edit', data);
},
deleteAccount(id) {
uni.showModal({
title: '操作提示',
content: '确定要删除该账户吗？',
success: res => {
if (res.confirm) {
this.$api.sendRequest({
url: '/api/memberbankaccount/delete',
data: {
id: id
},
success: result => {
if (result.code == 0) {
this.$util.showToast({
title: '删除成功'
});
this.$refs.mescroll.refresh();
} else {
this.$util.showToast({
title: '删除失败'
});
}
}
});
}
}
});
},
setDefault(id, is_default) {
if (is_default == 1) return;
this.$api.sendRequest({
url: '/api/memberbankaccount/setdefault',
data: {
id
},
success: res => {
if (res.data >= 0) {
if (this.back != '') {
this.$util.redirectTo(this.back, {}, this.redirect);
} else {
if (this.$refs.loadingCover) this.$refs.loadingCover.show();
this.dataList = [];
this.$refs.mescroll.refresh();
}
} else {
this.$util.showToast({
title: res.message
});
}
}
});
},
setBalanceDefault() {
this.$util.redirectTo(this.back, {
'is_balance': 1
}, this.redirect);
},
getData(mescroll) {
this.$api.sendRequest({
url: '/api/memberbankaccount/page',
data: {
page_size: mescroll.size,
page: mescroll.num
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.dataList = []; //如果是第一页需手动制空列表
this.dataList = this.dataList.concat(newArr); //追加新数据
let withdrawType = {
bank: '银行',
alipay: '支付宝',
wechatpay: '微信'
};
this.dataList.forEach(item => {
item.withdraw_type_name = withdrawType[item.withdraw_type] ? withdrawType[
item.withdraw_type] : '';
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
getTransferType() {
let url = this.type == "member" ? "/api/memberwithdraw/transferType" :
"/fenxiao/api/withdraw/transferType";
this.$api.sendRequest({
url: url,
success: res => {
if (res.code >= 0 && res.data) {
this.payList = res.data;
}
}
});
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.$refs.mescroll.refresh();
}
}
}
};
</script>
<style lang="scss">
.empty-box {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
width: 50%;
}
.tips {
color: #999999;
font-size: 26rpx;
}
.get-account,
.add-account {
width: 50%;
height: 78rpx;
line-height: 78rpx;
border-radius: 78rpx;
margin-top: 50rpx;
font-weight: 600;
}
.get-account {
width: 50%;
background: #fff;
color: $base-color;
border: 2rpx solid $base-color;
margin-top: 20rpx;
box-sizing: border-box;
}
}
.mescroll-downwarp+.empty-box {
height: calc(100vh - 260rpx);
}
.btn-add {
margin-top: 60rpx;
bottom: 0;
width: 100%;
background: #fff;
position: fixed;
padding: 0 30rpx;
box-sizing: border-box;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
z-index: 10;
.add-account {
height: 80rpx;
line-height: 80rpx;
border-radius: 80rpx;
margin: 30rpx 0 30rpx;
font-size: $font-size-toolbar;
text {
margin-right: 10rpx;
font-size: $font-size-base;
}
}
}
.zw {
margin-top: 250rpx;
}
.list-item {
margin: 0 0;
padding: 24rpx $margin-both;
box-sizing: border-box;
display: flex;
flex-direction: column;
background-color: #fff;
margin-bottom: 18rpx;
border-radius: 10rpx;
overflow: hidden;
position: relative;
&.balance-item {
.item-top {
border: none;
padding: 0;
}
}
&:first-child {
margin-top: 18rpx;
}
.item-mr {
font-size: $font-size-activity-tag;
color: #fff;
height: 150rpx;
width: 150rpx;
display: flex;
align-items: flex-end;
justify-content: center;
position: absolute;
right: -90rpx;
top: -90rpx;
transform: rotate(45deg);
}
.item-top {
border-bottom: 2rpx solid $color-line;
padding-bottom: 26rpx;
display: flex;
flex-direction: row;
.item-left {
display: flex;
flex-direction: column;
width: calc(100% - 100rpx);
.title-text {
font-size: 30rpx;
font-weight: bold;
}
.info-content {
display: flex;
.top-title {
font-size: 26rpx;
margin-right: 15rpx;
}
.top-num {
font-size: 26rpx;
}
}
.content-bottom {
font-size: 26rpx;
height: 50rpx;
}
}
.item-btn {
width: 100rpx;
display: flex;
align-items: center;
color: #999;
font-size: 24rpx;
justify-content: flex-end;
}
}
.item-bottom {
display: flex;
justify-content: space-between;
padding-top: 24rpx;
.account-default {
display: flex;
align-items: center;
font-size: 24rpx;
line-height: 1;
color: #666666;
.default {}
.iconfont {
line-height: 1;
}
}
.account-btn {
font-size: $font-size-base;
line-height: 1;
display: flex;
align-items: center;
.edit {
text {
vertical-align: center;
margin-right: 10rpx;
font-size: 30rpx;
}
}
.delete {
background: #F1F1F1;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 10rpx;
text-align: center;
width: 48rpx;
height: 48rpx;
box-sizing: border-box;
text {
font-size: 26rpx;
}
}
}
}
}
</style>
<style>
/deep/ .mescroll-upwarp {
padding-bottom: 150rpx;
}
</style>
<style>
.item-bottom>>>.uni-switch-wrapper .uni-switch-input {
height: 48rpx !important;
width: 88rpx !important;
}
.item-bottom>>>.uni-switch-wrapper .uni-switch-input:after {
height: 44rpx !important;
width: 44rpx !important;
}
.item-bottom>>>.uni-switch-wrapper .uni-switch-input:before {
background-color: #EDEDED !important;
height: 44rpx !important;
width: 90rpx !important;
}
</style>

324
pages_tool/member/account_edit.vue Normal file
View File

@@ -0,0 +1,324 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="account-list-content">
<view class="edit-item">
<text class="tit">{{ $lang('name') }}</text>
<input class="desc uni-input" type="text" maxlength="30" placeholder="请输入真实姓名" name="name" v-model="formData.realname" />
</view>
<view class="edit-item">
<text class="tit">{{ $lang('mobilePhone') }}</text>
<input class="desc uni-input" type="number" maxlength="11" placeholder="请输入手机号" v-model="formData.mobile" />
</view>
<view class="edit-item">
<text class="tit">{{ $lang('accountType') }}</text>
<picker @change="bindPickerChange" :value="index" :range="payList" class="picker">
<text class="desc uni-input">{{ payList[index] }}</text>
<text class="iconfont icon-right"></text>
</picker>
</view>
<view class="edit-item" v-if="formData.withdraw_type == 'bank'">
<text class="tit">银行名称</text>
<input class="desc uni-input" type="text" maxlength="50" placeholder="请输入银行名称" v-model.trim="formData.branch_bank_name" />
</view>
<view class="edit-item" v-if="formData.withdraw_type != 'wechatpay'">
<text class="tit">提现账号</text>
<input class="desc uni-input" type="text" maxlength="30" placeholder="请输入提现账号" v-model.trim="formData.bank_account" />
</view>
<view class="btn">
<button type="primary" class="add" @click="saveAccount">{{ $lang('save') }}</button>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import validate from 'common/js/validate.js';
export default {
data() {
return {
formData: {
realname: '',
mobile: '',
withdraw_type: '',
bank_account: '',
branch_bank_name: ''
},
payList: [],
index: 0,
flag: false,
transferType: [],
accountInfo: null,
back: '',
type: 'member'
};
},
onLoad(option) {
if (option.id) this.formData.id = option.id;
if (option.back) this.back = option.back;
if (option.type) this.type = option.type; // 区分是从会员提现还是从分销提现
},
onShow() {
if (this.formData.id) {
this.getAccountDetail(this.formData.id);
} else {
this.getTransferType();
}
if (this.formData.id) {
uni.setNavigationBarTitle({
title: '编辑账户'
});
} else {
uni.setNavigationBarTitle({
title: '新增账户'
});
}
},
methods: {
getAccountDetail(id) {
this.$api.sendRequest({
url: '/api/memberbankaccount/info',
data: {
id: this.formData.id
},
success: res => {
if (res.code == 0 && res.data) {
this.accountInfo = res.data;
this.formData.realname = res.data.realname;
this.formData.mobile = res.data.mobile;
this.formData.bank_account = res.data.bank_account;
this.formData.branch_bank_name = res.data.branch_bank_name;
this.formData.withdraw_type = res.data.withdraw_type;
}
this.getTransferType();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
this.getTransferType();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
/**
* 获取转账方式
*/
getTransferType() {
this.payList = [];
let url = this.type == "member" ? "/api/memberwithdraw/transferType" : "/fenxiao/api/withdraw/transferType";
this.$api.sendRequest({
url: url,
success: res => {
if (res.code >= 0 && res.data) {
delete res.data.balance;
this.transferType = res.data;
for (let v in this.transferType) {
this.payList.push(this.transferType[v]);
}
if (this.payList.length == 1 && this.payList[0] == '银行卡') {
this.formData.withdraw_type = 'bank';
}
this.payList.reverse();
if (!this.formData.id && this.$refs.loadingCover) this.$refs.loadingCover.hide();
if (this.accountInfo && this.$util.inArray(this.accountInfo.withdraw_type_name, this.payList) == -1) {
this.payList.push(this.accountInfo.withdraw_type_name);
}
if (this.payList.length && this.accountInfo) {
this.index = this.$util.inArray(this.accountInfo.withdraw_type_name, this.payList);
}
if (!this.formData.withdraw_type && this.payList.length) {
switch (this.payList[0]) {
case '银行卡':
this.formData.withdraw_type = 'bank';
break;
case '支付宝':
this.formData.withdraw_type = 'alipay';
break;
case '微信零钱':
this.formData.withdraw_type = 'wechatpay';
break;
}
}
}
}
});
},
bindPickerChange(e) {
this.index = e.detail.value;
let value = '';
for (let i in this.transferType) {
if (this.transferType[i] == this.payList[this.index]) {
value = i;
}
}
if (value != '') this.formData.withdraw_type = value;
},
vertify() {
var rule = [
{
name: 'realname',
checkType: 'required',
errorMsg: '请输入姓名'
},
{
name: 'mobile',
checkType: 'required',
errorMsg: '请输入手机号'
},
{
name: 'mobile',
checkType: 'phoneno',
errorMsg: '请输入正确的手机号'
},
{
name: 'withdraw_type',
checkType: 'required',
errorMsg: '请选择账户类型'
}
];
if (this.formData.withdraw_type == 'bank') {
rule.push({
name: 'branch_bank_name',
checkType: 'required',
errorMsg: '请输入银行名称'
});
}
if (this.formData.withdraw_type != 'wechatpay') {
rule.push({
name: 'bank_account',
checkType: 'required',
errorMsg: '请输入提现账号'
});
}
var checkRes = validate.check(this.formData, rule);
if (checkRes) {
return true;
} else {
this.$util.showToast({
title: validate.error
});
this.flag = false;
return false;
}
},
saveAccount() {
if (this.flag) return;
this.flag = true;
if (this.vertify()) {
let url = !this.formData.id ? 'add' : 'edit';
let data = {};
this.$api.sendRequest({
url: '/api/memberbankaccount/' + url,
data: {
id: this.formData.id,
realname: this.formData.realname,
mobile: this.formData.mobile,
withdraw_type: this.formData.withdraw_type,
bank_account: this.formData.bank_account,
branch_bank_name: this.formData.branch_bank_name
},
success: res => {
if (res.code == 0) {
if (!this.formData.id) {
this.$util.showToast({
title: '添加成功'
});
} else {
this.$util.showToast({
title: '修改成功'
});
}
if (this.back != '') {
this.$util.redirectTo(this.back, {}, this.redirect);
} else {
this.$util.redirectTo('/pages_tool/member/account');
}
} else {
this.flag = false;
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.flag = false;
}
});
}
}
}
};
</script>
<style lang="scss">
.account-list-content {
margin: $margin-updown $margin-both;
padding: 0 30rpx;
background-color: #fff;
border-radius: $border-radius;
.edit-item {
display: flex;
align-items: center;
padding: 30rpx 0;
background-color: #fff;
.tit {
width: 120rpx;
}
.desc {
flex: 1;
margin-left: 20rpx;
padding: 0;
}
&:first-of-type {
margin-top: $uni-spacing-row-base;
}
.picker {
flex: 1;
text {
&:last-child {
line-height: 50rpx;
float: right;
color: $color-tip;
font-size: $font-size-activity-tag;
}
}
}
}
}
.account-list-content > .edit-item + .edit-item {
border-top: 2rpx solid $color-line;
}
.add {
margin-top: 60rpx;
height: 80rpx;
line-height: 80rpx !important;
border-radius: 80rpx;
font-weight: 500;
width: calc(100% - 60rpx);
margin-left: 30rpx;
font-size: 32rpx;
}
.btn {
position: fixed;
left: 0;
width: 100%;
bottom: 30rpx;
height: auto;
padding-bottom: constant(safe-area-inset-bottom);
/*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom);
/*兼容 IOS>11.2*/
}
</style>

599
pages_tool/member/address.vue Normal file
View File

@@ -0,0 +1,599 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni ref="mescroll" @getData="getListData" v-if="storeToken">
<block slot="list">
<view class="address-list">
<template v-if="addressList.length !== 0">
<view class="address-item" v-for="(item, index) in addressList" :key="index">
<view class="address-item-top" v-if="localType == 2 && item.local_data">
<view class="address-item-left">
<view class="address-top-info">
<view class="address-name">{{ item.name }}</view>
<view class="address-tel">{{ item.mobile }}</view>
<view class="address-status" v-if="localType == 2 && item.local_data">{{ item.local_data }}</view>
</view>
<view class="address-info">{{ item.full_address }}{{ item.address }}</view>
</view>
<view class="address-item-edit" @click="addAddress('edit', item.id)">
{{ $lang('modify') }}
</view>
</view>
<view class="address-item-top" v-else @click="setDefault(item.id)">
<view class="address-item-left">
<view class="address-top-info">
<view class="address-name">{{ item.name }}</view>
<view class="address-tel">{{ item.mobile }}</view>
</view>
<view class="address-info">{{ item.full_address }}{{ item.address }}</view>
</view>
<view class="address-item-edit" @click.stop="addAddress('edit', item.id)">
{{ $lang('modify') }}
</view>
</view>
<view class="address-item-bottom">
<view class="address-default" @click="setDefault(item.id,item.is_default)">
<text class="default" v-if="localType == 2 && item.local_data">设为默认地址</text>
<text class="default" v-else>设为默认地址</text>
<switch v-if="item.is_default == 1" checked disabled style="transform:scale(0.7)" :color="themeStyle.main_color" />
<switch v-else style="transform:scale(0.7)" :color="themeStyle.main_color" />
</view>
<view class="address-btn">
<text class="delete" v-if="item.is_default != 1" @click="deleteAddress(item.id, item.is_default)">
<text class="iconfont icon-icon7"></text>
</text>
</view>
</view>
</view>
</template>
<view v-if="addressList.length == 0 && showEmpty" class="empty-box">
<image :src="$util.img('public/uniapp/member/address/empty.png')" mode="widthFix"/>
<view class="tips">暂无收货地址，请添加</view>
<button type="primary" class="add-address" @click="addAddress('add')">{{ $lang('newAddAddress') }}</button>
<!-- #ifdef H5 -->
<button type="primary" class="get-address" @click="getChooseAddress()" v-if="$util.isWeiXin() && local != 1">{{ $lang('getAddress') }}</button>
<!-- #endif -->
<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO -->
<button type="primary" class="get-address" @click="getChooseAddress()" v-if="local != 1">{{ $lang('getAddress') }}</button>
<!-- #endif -->
</view>
</view>
</block>
</mescroll-uni>
<view class="btn-add" v-if="addressList.length !== 0">
<!-- #ifdef MP-WEIXIN -->
<view class="wx-add" @click="getChooseAddress()" v-if="local != 1">
<text>{{ $lang('getAddress') }}</text>
</view>
<!-- #endif -->
<!-- #ifdef H5 -->
<button type="primary" class="add-address" @click="getChooseAddress()" v-if="$util.isWeiXin() && local != 1">{{ $lang('getAddress') }}</button>
<!-- #endif -->
<button type="primary" class="add-address" @click="addAddress('add')">
<text class="iconfont icon-add1"></text>
{{ $lang('newAddAddress') }}
</button>
</view>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import {
Weixin
} from 'common/js/wx-jssdk.js';
export default {
data() {
return {
addressList: [],
back: '', // 返回页
redirect: 'redirectTo', // 跳转方式
isIndex: false,
showEmpty: false,
local: 0, //定位是否显示
localType: 1,
};
},
onLoad(option) {
if (option.back) {
this.back = option.back;
uni.setStorageSync('addressBack', option.back);
} else {
if (uni.getStorageSync('addressBack')) {
this.back = uni.getStorageSync('addressBack');
uni.removeStorageSync('addressBack');
}
}
if (option.redirect) this.redirect = option.redirect;
if (option.local) this.local = option.local;
if (option.type) this.localType = option.type;
},
onShow() {
uni.removeStorageSync('addressInfo');
if (this.storeToken) {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/address');
});
}
},
methods: {
getListData(mescroll) {
let storeId = 0;
let delivery = uni.getStorageSync('delivery');
if (delivery && delivery.delivery_type == 'local') {
storeId = delivery.store_id || 0;
}
this.showEmpty = false;
this.$api.sendRequest({
url: '/api/memberaddress/page',
data: {
page: mescroll.num,
page_size: mescroll.size,
type: this.localType,
store_id: storeId
},
success: res => {
this.showEmpty = true;
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.addressList = []; //如果是第一页需手动制空列表
this.addressList = this.addressList.concat(newArr); //追加新数据
this.$forceUpdate();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
/* 地址跳转 */
addAddress(type, id) {
let data = {
type: this.localType
};
if (type == 'edit') data.id = id;
if (this.back) data.back = this.back;
this.$util.redirectTo('/pages_tool/member/address_edit', data);
},
/* 删除地址信息 */
deleteAddress(id, is_default) {
uni.showModal({
title: '操作提示',
content: '确定要删除该地址吗？',
success: res => {
if (res.confirm) {
if (is_default == 1) {
this.$util.showToast({
title: '默认地址，不能删除'
});
return;
}
this.$api.sendRequest({
url: '/api/memberaddress/delete',
data: {
id: id
},
success: res => {
if (res.code == 0) {
this.$util.showToast({
title: '删除成功'
});
} else {
this.$util.showToast({
title: '删除失败'
});
}
this.$refs.mescroll.refresh();
},
fail: res => {
mescroll.endErr();
}
});
}
}
});
},
setDefault(id, is_default) {
if (is_default == 1) return;
this.$api.sendRequest({
url: '/api/memberaddress/setdefault',
data: {
id
},
success: res => {
if (res.data > 0) {
this.$refs.mescroll.refresh();
if (this.back != '') {
this.$util.redirectTo(this.back, {}, 'redirectTo');
} else {
if (this.$refs.loadingCover) this.$refs.loadingCover.show();
this.addressList = [];
this.$refs.mescroll.refresh();
this.$util.showToast({
title: '修改默认地址成功'
});
}
} else {
this.$util.showToast({
title: res.message
});
}
}
});
},
/**
* 一键获取地址
*/
getChooseAddress() {
// #ifdef H5
if (this.$util.isWeiXin()) {
if (uni.getSystemInfoSync().platform == 'ios') {
var url = uni.getStorageSync('initUrl');
} else {
var url = location.href;
}
// 获取jssdk配置
this.$api.sendRequest({
url: '/wechat/api/wechat/jssdkconfig',
data: {
url: url
},
success: jssdkRes => {
if (jssdkRes.code == 0) {
var wxJS = new Weixin();
wxJS.init(jssdkRes.data);
wxJS.openAddress(res => {
if (res.errMsg == 'openAddress:ok') {
this.saveAddress({
name: res.userName, // 收货人姓名,
mobile: res.telNumber, // 手机号
province: res.provinceName, // 省
city: res.cityName, // 市
district: res.countryName, // 县
address: res.detailInfo, // 详细地址
full_address: res.provinceName + '-' + res.cityName + '-' + res.countryName,
is_default: 1
});
} else {
this.$util.showToast({
title: res.errMsg == 'openAddress:function not implement' ? 'PC端微信不支持一键获取地址' : res.errMsg
});
}
});
} else {
this.$util.showToast({
title: jssdkRes.message
});
}
}
});
}
// #endif
// #ifdef MP-WEIXIN || MP-BAIDU || MP-TOUTIAO
uni.chooseAddress({
success: res => {
if (res.errMsg == 'chooseAddress:ok') {
this.saveAddress({
name: res.userName, // 收货人姓名,
mobile: res.telNumber, // 手机号
province: res.provinceName, // 省
city: res.cityName, // 市
district: res.countyName, // 县
address: res.detailInfo, // 详细地址
full_address: res.provinceName + '-' + res.cityName + '-' + res.countyName,
is_default: 1
});
} else {
this.$util.showToast({
title: res.errMsg
});
}
},
fail: res => {
console.log('fail', res);
}
});
// #endif
},
/**
* 保存微信地址
* @param {Object} params
*/
saveAddress(params) {
this.$api.sendRequest({
url: '/api/memberaddress/addthreeparties',
data: params,
success: res => {
if (res.code >= 0) {
if (this.back != '') {
this.$util.redirectTo(this.back, {}, 'redirectTo');
} else {
this.$refs.mescroll.refresh();
}
} else {
this.$util.showToast({
title: res.message
});
}
}
});
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.$refs.mescroll.refresh();
}
}
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
.cart-empty {
padding-top: 208rpx !important;
}
.address-list {
width: 100%;
height: 100%;
padding-bottom: 40rpx;
.local {
display: flex;
align-items: center;
margin: $margin-updown $margin-both;
background-color: #fff;
padding: 30rpx;
border-radius: $border-radius;
text {
margin-right: 10rpx;
}
}
.address-item {
margin: $padding 0 0;
display: flex;
flex-direction: column;
background-color: #ffffff;
padding: 24rpx 30rpx;
box-sizing: border-box;
border-radius: 0;
.address-item-top {
display: flex;
flex-direction: row;
border-bottom: 1rpx solid $color-line;
justify-content: space-between;
align-items: center;
.address-item-left {
display: flex;
flex-direction: column;
width: calc(100% - 100rpx);
}
.address-item-edit {
color: #999;
font-size: 24rpx;
width: 100rpx;
text-align: right;
}
.address-top-info {
display: flex;
justify-content: flex-start;
position: relative;
.address-name {
color: #333333;
font-size: 30rpx;
font-weight: bold;
}
.address-tel {
color: #333333;
font-size: 30rpx;
margin-left: 26rpx;
font-weight: bold;
}
.address-status {
color: #f00;
font-size: $font-size-base;
position: absolute;
right: 0;
}
}
.address-info {
font-size: 26rpx;
color: #888888;
margin-top: 10rpx;
margin-bottom: 28rpx;
}
}
.address-item-bottom {
display: flex;
justify-content: space-between;
padding-top: 24rpx;
.address-default {
display: flex;
align-items: center;
font-size: 24rpx;
line-height: 1;
color: #666666;
.default {}
.iconfont {
line-height: 1;
}
}
.address-btn {
font-size: $font-size-base;
line-height: 1;
display: flex;
align-items: center;
.edit {
text {
vertical-align: center;
margin-right: 10rpx;
font-size: 30rpx;
}
}
.delete {
background: #F1F1F1;
justify-content: center;
align-items: center;
border-radius: 50%;
padding: 10rpx;
text-align: center;
width: 48rpx;
height: 48rpx;
box-sizing: border-box;
text {
font-size: 26rpx;
}
}
}
}
}
}
.btn-add {
margin-top: 60rpx;
bottom: 0;
width: 100%;
background: #fff;
position: fixed;
padding: 0 30rpx;
box-sizing: border-box;
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
z-index: 10;
.add-address {
height: 80rpx;
line-height: 80rpx;
border-radius: 80rpx;
margin: 30rpx 0 30rpx;
font-size: $font-size-toolbar;
text {
margin-right: 10rpx;
font-size: $font-size-base;
}
}
}
.wx-add {
margin-top: 30rpx;
margin-bottom: 30rpx;
text-align: center;
border-radius: 80rpx;
height: 80rpx;
line-height: 80rpx;
background-color: var(--main-color);
border: 2rpx solid var(--main-color);
color: #FFFFFF;
font-size: $font-size-toolbar;
}
.empty-box {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
width: 50%;
}
.tips {
color: #999999;
font-size: 26rpx;
}
.get-address,
.add-address {
width: 50%;
height: 78rpx;
line-height: 78rpx;
border-radius: 78rpx;
margin-top: 50rpx;
font-size: $font-size-toolbar;
}
.get-address {
width: 50%;
border: 2rpx solid $base-color;
margin-top: 20rpx;
box-sizing: border-box;
}
}
.mescroll-downwarp+.empty-box {
height: calc(100vh - 260rpx);
}
</style>
<style>
.address-item>>>.uni-switch-wrapper .uni-switch-input {
height: 48rpx !important;
width: 88rpx !important;
}
.address-item>>>.uni-switch-wrapper .uni-switch-input:after {
height: 44rpx !important;
width: 44rpx !important;
}
.address-item>>>.uni-switch-wrapper .uni-switch-input:before {
background-color: #EDEDED !important;
height: 44rpx !important;
width: 90rpx !important;
}
</style>

502
pages_tool/member/address_edit.vue Normal file
View File

@@ -0,0 +1,502 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="address-edit-content">
<view class="edit-wrap">
<view class="tip">地址信息</view>
<view class="edit-item">
<text class="tit">
{{ $lang('consignee') }}
<text>*</text>
</text>
<input
class="uni-input"
type="text"
placeholder-class="placeholder-class"
:placeholder="$lang('consigneePlaceholder')"
maxlength="30"
name="name"
v-model="formData.name" />
</view>
<view class="edit-item">
<text class="tit">
{{ $lang('mobile') }}
<text>*</text>
</text>
<input class="uni-input" type="number" placeholder-class="placeholder-class" :placeholder="$lang('mobilePlaceholder')" maxlength="11" v-model="formData.mobile" />
</view>
<view class="edit-item">
<text class="tit">{{ $lang('telephone') }}</text>
<input
class="uni-input"
type="text"
placeholder-class="placeholder-class"
:placeholder="$lang('telephonePlaceholder')"
maxlength="20"
v-model="formData.telephone" />
</view>
<!-- 外卖地址区分 -->
<block v-if="localType == 2">
<view class="edit-item">
<text class="tit">
{{ $lang('receivingCity') }}
<text>*</text>
</text>
<view class="text_inp" :class="{ empty: !formData.full_address, 'color-tip': !formData.full_address }" @click="selectAddress">
{{ formData.full_address ? formData.full_address : '请选择省市区县' }}
</view>
<text @click="selectAddress" class="padding-left iconfont icon-location"></text>
</view>
</block>
<block v-else>
<view class="edit-item">
<text class="tit">
{{ $lang('receivingCity') }}
<text>*</text>
</text>
<pick-regions :default-regions="defaultRegions" @getRegions="handleGetRegions">
<text class="select-address " :class="{ empty: !formData.full_address, 'color-tip': !formData.full_address }">
{{ formData.full_address ? formData.full_address : '请选择省市区县' }}
</text>
</pick-regions>
</view>
</block>
<view class="edit-item">
<text class="tit" style="">
{{ $lang('address') }}
<text>*</text>
</text>
<input class="uni-input" type="text" placeholder-class="placeholder-class" :placeholder="$lang('addressPlaceholder')" maxlength="50" v-model="formData.address" />
<!-- <textarea class="uni-input " type="text" placeholder-class="placeholder-class" :placeholder="$lang('addressPlaceholder')" maxlength="50" v-model="formData.address" ></textarea> -->
</view>
</view>
<view class="btn">
<button type="primary" class="add" @click="saveAddress">{{ $lang('save') }}</button>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import pickRegions from '@/components/pick-regions/pick-regions.vue';
import validate from 'common/js/validate.js';
import Config from '@/common/js/config.js';
export default {
components: {
pickRegions
},
data() {
return {
formData: {
id: 0,
name: '',
mobile: '',
telephone: '',
province_id: '',
city_id: '',
district_id: '',
community_id: '',
address: '',
full_address: '',
latitude: 0,
longitude: 0,
is_default: 1
},
address: '',
addressValue: '',
back: '', // 返回页
redirect: 'redirectTo', // 跳转方式
flag: false, //防重复标识
defaultRegions: [],
localType: 1
};
},
onLoad(option) {
if (option.back) this.back = option.back;
if (option.redirect) this.redirect = option.redirect;
if (option.type) this.localType = option.type;
if (option.id && !option.name) {
this.formData.id = option.id;
this.getAddressDetail();
} else if (option.name) {
if (uni.getStorageSync('addressInfo')) this.formData = uni.getStorageSync('addressInfo');
this.formData.address = option.name;
this.localType = 2;
this.getAddress(option.latng);
//给formData复制
var tempArr = this.getQueryVariable('latng').split(',');
this.formData.latitude = tempArr[0];
this.formData.longitude = tempArr[1];
} else {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
},
onBackPress() {
uni.setStorageSync('addressInfo', '');
},
onShow() {
if (this.formData.id) {
uni.setNavigationBarTitle({
title: '编辑收货地址'
});
} else {
uni.setNavigationBarTitle({
title: '新增收货地址'
});
}
},
onReady() {
this.$refs.loadingCover.hide();
},
onHide() {
this.flag = false;
},
methods: {
// 获取地址信息
getAddressDetail() {
this.$api.sendRequest({
url: '/api/memberaddress/info',
data: {
id: this.formData.id
},
success: res => {
let data = res.data;
if (data != null) {
this.formData.name = data.name;
this.formData.mobile = data.mobile;
this.formData.telephone = data.telephone;
this.formData.address = data.address;
this.formData.full_address = data.full_address;
this.formData.latitude = data.latitude;
this.formData.longitude = data.longitude;
this.formData.is_default = data.is_default;
this.localType = data.type;
this.defaultRegions = [data.province_id, data.city_id, data.district_id];
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
//获取详细地址
getAddress(value) {
this.$api.sendRequest({
url: '/api/memberaddress/tranAddressInfo',
data: {
latlng: value
},
success: res => {
if (res.code == 0) {
this.formData.full_address = '';
this.formData.full_address += res.data.province != undefined ? res.data.province : '';
this.formData.full_address += res.data.city != undefined ? '-' + res.data.city : '';
this.formData.full_address += res.data.district != undefined ? '-' + res.data.district : '';
this.addressValue = '';
this.addressValue += res.data.province_id != undefined ? res.data.province_id : '';
this.addressValue += res.data.city_id != undefined ? '-' + res.data.city_id : '';
this.addressValue += res.data.district_id != undefined ? '-' + res.data.district_id : '';
} else {
this.showToast({
title: '数据有误'
});
}
}
});
},
// 获取选择的地区
handleGetRegions(regions) {
this.formData.full_address = '';
this.formData.full_address += regions[0] != undefined ? regions[0].label : '';
this.formData.full_address += regions[1] != undefined ? '-' + regions[1].label : '';
this.formData.full_address += regions[2] != undefined ? '-' + regions[2].label : '';
this.addressValue = '';
this.addressValue += regions[0] != undefined ? regions[0].value : '';
this.addressValue += regions[1] != undefined ? '-' + regions[1].value : '';
this.addressValue += regions[2] != undefined ? '-' + regions[2].value : '';
},
selectAddress() {
// #ifdef MP
/* uni.chooseLocation({
success: res => {
this.formData.latitude = res.latitude;
this.formData.longitude = res.longitude;
this.formData.address = res.name;
this.getAddress(res.latitude + ',' + res.longitude);
},
fail(res) {
uni.getSetting({
success: function(res) {
var statu = res.authSetting;
if (!statu['scope.userLocation']) {
uni.showModal({
title: '是否授权当前位置',
content: '需要获取您的地理位置，请确认授权，否则地图功能将无法使用',
success(tip) {
if (tip.confirm) {
uni.openSetting({
success: function (data) {
if (data.authSetting['scope.userLocation'] === true) {
this.$util.showToast({
title: '授权成功'
});
//授权成功之后，再调用chooseLocation选择地方
setTimeout(function () {
uni.chooseLocation({
success: data => {
this.formData.latitude = res.latitude;
this.formData.longitude = res.longitude;
this.formData.address = res.name;
this.getAddress(res.latitude + ',' + res.longitude);
}
});
}, 1000);
}
}
});
} else {
this.$util.showToast({
title: '授权失败'
});
}
}
});
}
}
});
}
});*/
// #endif
// #ifdef H5
var urlencode = this.formData;
uni.setStorageSync('addressInfo', urlencode);
let backurl = Config.h5Domain + '/pages_tool/member/address_edit?type=' + this.localType;
if (this.formData.id) backurl += '&id=' + this.formData.id;
if (this.back) backurl += '&back=' + this.back;
window.location.href = 'https://apis.map.qq.com/tools/locpicker?search=1&type=0&backurl=' + encodeURIComponent(backurl) + '&key=' + Config.mpKey + '&referer=myapp';
// #endif
},
getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (pair[0] == variable) {
return pair[1];
}
}
return false;
},
vertify() {
this.formData.name = this.formData.name.trim();
this.formData.mobile = this.formData.mobile.trim();
this.formData.address = this.formData.address.trim();
var rule = [{
name: 'name',
checkType: 'required',
errorMsg: '请输入姓名'
},
{
name: 'mobile',
checkType: 'required',
errorMsg: '请输入手机号'
},
{
name: 'mobile',
checkType: 'phoneno',
errorMsg: '请输入正确的手机号'
},
{
name: 'full_address',
checkType: 'required',
errorMsg: '请选择省市区县'
},
{
name: 'address',
checkType: 'required',
errorMsg: '详细地址不能为空'
}
];
var checkRes = validate.check(this.formData, rule);
if (checkRes) {
return true;
} else {
this.$util.showToast({
title: validate.error
});
this.flag = false;
return false;
}
},
saveAddress() {
if (this.flag) return;
this.flag = true;
if (this.vertify()) {
let addressValueArr = this.addressValue.split('-'),
data = {},
url = '';
data = {
name: this.formData.name,
mobile: this.formData.mobile,
telephone: this.formData.telephone,
province_id: addressValueArr[0],
city_id: addressValueArr[1],
district_id: addressValueArr[2] ? addressValueArr[2] : '',
community_id: 0,
address: this.formData.address,
full_address: this.formData.full_address,
latitude: this.formData.latitude,
longitude: this.formData.longitude,
is_default: this.formData.is_default,
type: this.localType
};
url = 'add';
if (this.formData.id) {
url = 'edit';
data.id = this.formData.id;
if (this.back != '') data.is_default = 1;
}
this.$api.sendRequest({
url: '/api/memberaddress/' + url,
data: data,
success: res => {
this.flag = false;
if (res.code == 0) {
if (this.back != '') {
this.$util.redirectTo(this.back, {}, 'redirectTo');
} else {
this.$util.showToast({
title: res.message
});
uni.navigateBack({
delta: 1
});
}
uni.removeStorageSync('addressInfo');
} else {
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.flag = false;
}
});
}
}
}
};
</script>
<style lang="scss">
/deep/ pick-regions,
.pick-regions {
flex: 1;
}
.edit-wrap {
background: #fff;
overflow: hidden;
.tip {
padding: 20rpx 30rpx 10rpx;
background-color: #f8f8f8;
color: $color-tip;
}
}
.edit-item {
display: flex;
align-items: center;
margin: 0 30rpx;
min-height: 100rpx;
background-color: #fff;
.text_inp {
margin-left: $margin-updown;
flex: 1;
}
.tit {
width: 148rpx;
text {
margin-left: 10rpx;
color: #ff4544;
}
&.margin_tit {
align-self: flex-start;
margin-top: 24rpx;
}
}
.icon-location {
color: #606266;
align-self: flex-start;
margin-top: 20rpx;
}
.select-address {
display: block;
margin-left: 10rpx;
&.empty {
color: #808080;
}
}
textarea,
input {
flex: 1;
font-size: $font-size-base;
margin-left: 20rpx;
padding: 0;
}
textarea {
margin-top: 6rpx;
height: 100rpx;
padding-bottom: 20rpx;
padding-top: 20rpx;
line-height: 50rpx;
}
}
.edit-wrap>.edit-item+.edit-item {
border-top: 2rpx solid #ebedf0;
}
.add {
margin-top: 60rpx;
height: 80rpx;
line-height: 80rpx !important;
border-radius: 80rpx;
font-weight: 500;
width: calc(100% - 60rpx);
margin-left: 30rpx;
font-size: 32rpx;
}
.btn {
position: fixed;
width: 100%;
bottom: 30rpx;
height: auto;
padding-bottom: constant(safe-area-inset-bottom);
/*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom);
/*兼容 IOS>11.2*/
}
</style>

426
pages_tool/member/apply_withdrawal.vue Normal file
View File

@@ -0,0 +1,426 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="bank-account-wrap" @click="goAccount()">
<view class="tx-wrap" v-if="bankAccountInfo.withdraw_type">
<text class="tx-to">提现到</text>
<view class="tx-bank" v-if="bankAccountInfo.withdraw_type == 'wechatpay'">微信默认钱包</view>
<view class="tx-bank" v-else>{{ bankAccountInfo.bank_account }}</view>
<view class="tx-img" v-if="bankAccountInfo.withdraw_type == 'alipay'">
<image :src="$util.img('public/uniapp/member/apply_withdrawal/alipay.png')" mode="widthFix"></image>
</view>
<view class="tx-img" v-else-if="bankAccountInfo.withdraw_type == 'bank'">
<image :src="$util.img('public/uniapp/member/apply_withdrawal/bank.png')" mode="widthFix"></image>
</view>
<view class="tx-img" v-else-if="bankAccountInfo.withdraw_type == 'wechatpay'">
<image :src="$util.img('public/uniapp/member/apply_withdrawal/wechatpay.png')" mode="widthFix">
</image>
</view>
</view>
<text class="tx-to" v-else>请添加提现方式</text>
<view class="iconfont icon-right"></view>
</view>
<view class="empty-box"></view>
<view class="withdraw-wrap">
<view class="withdraw-wrap-title">提现金额</view>
<view class="money-wrap">
<text class="unit">{{ $lang('common.currencySymbol') }}</text>
<input type="digit" class="withdraw-money" v-model="withdrawMoney" />
<view class="delete" @click="remove" v-if="withdrawMoney">
<image :src="$util.img('public/uniapp/member/apply_withdrawal/close.png')" mode="widthFix"></image>
</view>
</view>
<view class="bootom">
<view>
<text class="color-tip">可提现余额：{{ $lang('common.currencySymbol') }}{{ withdrawInfo.member_info.balance_money | moneyFormat }}</text>
<text class="all-tx color-base-text" @click="allTx">全部提现</text>
</view>
</view>
<view class="desc">
<text>最小提现金额为{{ $lang('common.currencySymbol') }}{{ withdrawInfo.config.min | moneyFormat }}</text>
<text>，手续费为{{ withdrawInfo.config.rate + '%' }}</text>
</view>
</view>
<view class="btn color-base-border ns-gradient-otherpages-member-widthdrawal-withdrawal" :class="{ disabled: withdrawMoney == '' || withdrawMoney == 0 }" @click="withdraw">
提现
</view>
<view class="recoend" @click="toWithdrawal">
<view class="recoend-con">提现记录</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
withdrawInfo: {
config: {
is_use: 0,
min: 1,
rate: 0
},
member_info: {
balance_money: 0,
balance_withdraw: 0,
balance_withdraw_apply: 0
}
},
bankAccountInfo: {},
withdrawMoney: '',
isSub: false
};
},
onShow() {
if (this.storeToken) {
this.getWithdrawInfo();
this.getBankAccountInfo();
} else {
this.$util.redirectTo('/pages_tool/login/login', {
back: '/pages_tool/member/apply_withdrawal'
});
}
},
methods: {
toWithdrawal() {
this.$util.redirectTo('/pages_tool/member/withdrawal');
},
//全部提现
allTx() {
this.withdrawMoney = this.withdrawInfo.member_info.balance_money;
},
// 删除提现金额
remove() {
this.withdrawMoney = '';
},
/**
* 获取提现信息
*/
getWithdrawInfo() {
this.$api.sendRequest({
url: '/api/memberwithdraw/info',
success: res => {
if (res.code >= 0 && res.data) {
this.withdrawInfo = res.data;
if (this.withdrawInfo.config.is_use == 0) {
this.$util.showToast({
title: '未开启提现'
});
setTimeout(() => {
this.$util.redirectTo('/pages/member/index');
}, 1500);
}
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
/**
* 银行账号信息
*/
getBankAccountInfo() {
this.$api.sendRequest({
url: '/api/memberbankaccount/defaultinfo',
success: res => {
if (res.code >= 0 && res.data) {
this.bankAccountInfo = res.data;
}
}
});
},
verify() {
if (this.withdrawMoney == '' || this.withdrawMoney == 0 || isNaN(parseFloat(this.withdrawMoney))) {
this.$util.showToast({
title: '请输入提现金额'
});
return false;
}
if (parseFloat(this.withdrawMoney) > parseFloat(this.withdrawInfo.member_info.balance_money)) {
this.$util.showToast({
title: '提现金额超出可提现金额'
});
return false;
}
if (parseFloat(this.withdrawMoney) < parseFloat(this.withdrawInfo.config.min)) {
this.$util.showToast({
title: '提现金额小于最低提现金额'
});
return false;
}
return true;
},
withdraw() {
if (!this.bankAccountInfo.withdraw_type) {
this.$util.showToast({
title: '请先添加提现方式'
});
return;
}
if (this.verify()) {
if (this.isSub) return;
this.isSub = true;
var applet_type = 0;
if (this.bankAccountInfo.withdraw_type == 'wechatpay') {
// #ifdef MP
applet_type = 1;
// #endif
}
// #ifdef MP
this.subscribeMessage(() => {
this.$api.sendRequest({
url: '/api/memberwithdraw/apply',
data: {
apply_money: this.withdrawMoney,
transfer_type: this.bankAccountInfo.withdraw_type, //转账提现类型
realname: this.bankAccountInfo.realname,
mobile: this.bankAccountInfo.mobile,
bank_name: this.bankAccountInfo.branch_bank_name,
account_number: this.bankAccountInfo.bank_account,
applet_type: applet_type
},
success: res => {
if (res.code >= 0) {
this.$util.showToast({
title: '提现申请成功'
});
setTimeout(() => {
this.$util.redirectTo(
'/pages_tool/member/withdrawal', {},
'redirectTo');
}, 1500);
} else {
this.isSub = false;
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.isSub = false;
}
});
});
// #endif
// #ifndef MP-WEIXIN
this.$api.sendRequest({
url: '/api/memberwithdraw/apply',
data: {
apply_money: this.withdrawMoney,
transfer_type: this.bankAccountInfo.withdraw_type, //转账提现类型
realname: this.bankAccountInfo.realname,
mobile: this.bankAccountInfo.mobile,
bank_name: this.bankAccountInfo.branch_bank_name,
account_number: this.bankAccountInfo.bank_account,
applet_type: applet_type
},
success: res => {
if (res.code >= 0) {
this.$util.showToast({
title: '提现申请成功'
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/member/withdrawal', {},
'redirectTo');
}, 1500);
} else {
this.isSub = false;
this.$util.showToast({
title: res.message
});
}
},
fail: res => {
this.isSub = false;
}
});
// #endif
}
},
goAccount() {
this.$util.redirectTo(
'/pages_tool/member/account', {
back: '/pages_tool/member/apply_withdrawal'
},
'redirectTo'
);
},
/**
* 微信订阅消息
*/
subscribeMessage(callback) {
this.$api.sendRequest({
url: '/weapp/api/weapp/messagetmplids',
data: {
keywords: 'USER_WITHDRAWAL_SUCCESS'
},
success: res => {
if (res.code == 0 && res.data.length) {
uni.requestSubscribeMessage({
tmplIds: res.data,
fail: res => {
console.log('fail', res);
},
complete: () => {
callback();
}
});
} else {
callback();
}
},
fail: res => {
callback();
}
});
}
},
};
</script>
<style lang="scss">
.container {
width: 100vw;
height: 100vh;
background: #fff;
}
.empty-box {
height: 20rpx;
}
.bank-account-wrap {
margin: 0 20rpx;
padding: 20rpx 30rpx;
border-bottom: 2rpx solid #f7f7f7;
position: relative;
.tx-wrap {
display: flex;
justify-content: space-between;
margin-right: 60rpx;
.tx-bank {
margin-right: 60rpx;
flex: 1;
margin-left: 10rpx;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.tx-img {
position: absolute;
right: 100rpx;
top: 50%;
transform: translateY(-50%);
width: 40rpx;
height: 40rpx;
image {
width: 100%;
height: 100%;
}
}
}
.iconfont {
position: absolute;
right: 40rpx;
top: 50%;
transform: translateY(-50%);
}
}
.withdraw-wrap {
margin: 0 20rpx;
padding: 30rpx;
border-radius: 16rpx;
box-shadow: rgba(110, 110, 110, 0.09) 0 0 20rpx 0;
.money-wrap {
padding: 20rpx 0;
border-bottom: 2rpx solid #eee;
display: flex;
align-items: baseline;
.unit {
font-size: 60rpx;
line-height: 1.3;
}
.withdraw-money {
height: 70rpx;
line-height: 70rpx;
min-height: 70rpx;
padding-left: 20rpx;
font-size: 60rpx;
flex: 1;
font-weight: bolder;
}
.delete {
width: 40rpx;
height: 40rpx;
image {
width: 100%;
height: 100%;
}
}
}
.bootom {
display: flex;
padding-top: 20rpx;
text {
line-height: 1;
flex: 2;
}
.all-tx {
padding-left: 10rpx;
}
}
}
.btn {
margin: 0 30rpx;
margin-top: 60rpx;
height: 80rpx;
line-height: 80rpx;
border-radius: $border-radius;
color: #fff;
text-align: center;
background-color: var(--main-color);
&.disabled {
background: #ccc;
border-color: #ccc;
color: #fff;
}
}
.recoend {
margin-top: 40rpx;
.recoend-con {
text-align: center;
}
}
.desc {
font-size: $font-size-tag;
color: #999;
}
</style>

250
pages_tool/member/assets.vue Normal file
View File

@@ -0,0 +1,250 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="assets-wrap">
<view class="assets-block">
<view class="assets-tips"><text>风险提示：确认申请后您的资产将被清空且不可找回!</text></view>
<view class="assets-box assets-account">
<view class="assets-title">
<text class="color-base-bg"></text>
<text>账户资产</text>
</view>
<view class="assets-list">
<view class="assets-li">
<view>{{ member_info.point }}</view>
<view>积分</view>
</view>
<view class="assets-li">
<view>￥{{ member_info.balance_money }}</view>
<view>现金余额</view>
</view>
<view class="assets-li">
<view>￥{{ member_info.balance }}</view>
<view>储值余额</view>
</view>
<view class="assets-li">
<view>{{ accountInfo.member_coupon_count }}</view>
<view>优惠券</view>
</view>
</view>
</view>
<view class="assets-box assets-order">
<view class="assets-title">
<text class="color-base-bg"></text>
<text>订单资产</text>
</view>
<view class="assets-list">
<view class="assets-li">
<view>{{ accountInfo.order_pay_count }}</view>
<view>待发货</view>
</view>
<view class="assets-li">
<view>{{ accountInfo.order_delivery_count }}</view>
<view>待收货</view>
</view>
<view class="assets-li">
<view>{{ accountInfo.order_refund_count }}</view>
<view>退款中</view>
</view>
</view>
</view>
<view v-if="member_info.is_fenxiao == 1" class="assets-box assets-fenxiao">
<view class="assets-title">
<text class="color-base-bg"></text>
<text>分销资产</text>
</view>
<view class="assets-list">
<view class="assets-li">
<view>￥{{ fenxiao_info.account }}</view>
<view>可提现佣金</view>
</view>
<view class="assets-li">
<view>￥{{ fenxiao_info.account_withdraw_apply }}</view>
<view>提现中佣金</view>
</view>
<view class="assets-li">
<view>{{ accountInfo.fenxiao_order_count }}</view>
<view>待结算订单</view>
</view>
</view>
</view>
</view>
<view class="assets-btn">
<button type="primary" @click="prev">上一步</button>
<button class="color-base-bg" @click="submit">确认申请</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
accountInfo: {},
member_info: {},
fenxiao_info: {}
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getAccountInfo();
}
},
methods: {
getAccountInfo() {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/accountInfo',
success: res => {
if (res.code >= 0) {
this.accountInfo = res.data;
this.member_info = res.data.member_info;
if (res.data.member_info.is_fenxiao == 1) {
this.fenxiao_info = res.data.fenxiao_info;
}
}
}
});
},
prev() {
this.$util.redirectTo('/pages_tool/member/cancellation');
},
submit() {
uni.showModal({
title: '风险提示',
content: '确定要注销当前账号吗？',
confirmColor: '#000000',
success: res => {
if (res.confirm) {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/apply',
success: rres => {
let cancellation_condition = rres.data.is_audit;
if (rres.code >= 0) {
this.$util.redirectTo('/pages_tool/member/cancelstatus');
} else {
this.$util.showToast({
title: rres.message
});
}
}
});
}
}
});
}
}
};
</script>
<style lang="scss" scoped>
.assets-wrap {
.assets-block {
padding: 0 24rpx;
padding-top: 30rpx;
}
.assets-tips {
width: 100%;
height: 56rpx;
background-color: rgba(250, 106, 0, 0.2);
border-radius: 6rpx;
line-height: 56rpx;
padding-left: 20rpx;
box-sizing: border-box;
text {
color: #fa6a00;
font-size: 28rpx;
}
}
.assets-box {
width: 100%;
margin-top: 30rpx;
background-color: #ffffff;
border-radius: 6rpx;
padding: 20rpx;
box-sizing: border-box;
.assets-title {
display: flex;
align-items: center;
text:nth-child(1) {
width: 6rpx;
height: 28rpx;
border-radius: 2rpx;
}
text:nth-child(2) {
margin-left: 20rpx;
font-size: 28rpx;
line-height: 28rpx;
padding-top: 8rpx;
font-weight: 600;
}
}
.assets-list {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
padding: 0 26rpx 35rpx;
margin-top: 53rpx;
.assets-li {
text-align: center;
view:nth-child(1) {
font-size: 36rpx;
line-height: 36rpx;
}
view:nth-child(2) {
font-size: 28rpx;
line-height: 28rpx;
color: #666666;
margin-top: 30rpx;
}
}
}
}
.assets-btn {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
width: 100%;
height: 150rpx;
button {
width: 300rpx;
height: 80rpx;
font-size: 28rpx;
line-height: 80rpx;
margin: 0 15rpx;
}
button[type='primary'] {
background-color: unset !important;
color: #333333;
border: 2rpx solid #dddddd;
}
button:nth-child(2) {
color: var(--btn-text-color);
}
}
}
</style>

189
pages_tool/member/balance.vue Normal file
View File

@@ -0,0 +1,189 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="balance">
<!-- #ifdef MP-WEIXIN -->
<view class="custom-navbar" :style="{
'padding-top': menuButtonBounding.top + 'px',
'height': menuButtonBounding.height + 'px'
}">
<view class="navbar-wrap">
<text class="iconfont icon-back_light back" @click="$util.redirectTo('/pages/member/index')"></text>
<view class="navbar-title">
账户余额
</view>
</view>
</view>
<!-- #endif -->
<view class="head-wrap" :style="{ background: 'url(' + $util.img('public/uniapp/balance/balance-bg.png') + ')',backgroundSize:'100% 100%' }">
<!-- <view class="head-wrap" :style="{ background: 'url(' + $util.img('public/uniapp/balance/balance-bg.png') + ') no-repeat right bottom/ auto 380rpx, linear-gradient(314deg, #FE7849 0%, #FF1959 100%)' }"> -->
<view class="title">账户余额（元）</view>
<view class="balance price-font">{{ (parseFloat(balanceInfo.balance) + parseFloat(balanceInfo.balance_money)).toFixed(2) }}</view>
<!-- <view class="flex-box">
<view class="flex-item">
<view class="num price-font">{{ balanceInfo.balance_money|moneyFormat }}</view>
<view class="font-size-tag">现金余额（元）</view>
</view>
<view class="flex-item">
<view class="num price-font">{{ balanceInfo.balance|moneyFormat }}</view>
<view class="font-size-tag">储值余额（元）</view>
</view>
</view> -->
<view class="btns">
<view class="cash btn" @click="toWithdrawal">提现</view>
<view class="recharge btn" @click="toList">充值</view>
</view>
</view>
<view class="menu-wrap">
<view class="menu-item" @click="toApply" style="border-bottom: 0.5px solid #f2f2f2;">
<view class="icon">
<text class="iconfont icon-yuemingxi"></text>
</view>
<text class="title">提现记录</text>
<text class="iconfont icon-right"></text>
</view>
<view class="menu-item" @click="toBalanceDetail" style="border-bottom: 0.5px solid #f2f2f2;">
<view class="icon">
<text class="iconfont icon-yuemingxi"></text>
</view>
<text class="title">余额明细</text>
<text class="iconfont icon-right"></text>
</view>
<!-- <view class="menu-item" @click="toOrderList">
<view class="icon">
<text class="iconfont icon-chongzhijilu"></text>
</view>
<text class="title">充值记录</text>
<text class="iconfont icon-right"></text>
</view> -->
</view>
<!-- <view class="action">
<view @click="toList" class="recharge-withdraw" v-if="addonIsExist.memberrecharge && memberrechargeConfig && memberrechargeConfig.is_use">
{{ $lang('recharge') }}
</view>
<view class="withdraw" v-if="addonIsExist.memberwithdraw && withdrawConfig && withdrawConfig.is_use" @click="toWithdrawal">
{{ $lang('withdrawal') }}
</view>
</view> -->
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
balanceInfo: {
balance: 0,
balance_money: 0
},
withdrawConfig: null,
memberrechargeConfig: null,
menuButtonBounding: {} // 小程序胶囊属性
};
},
async onShow() {
this.getWithdrawConfig();
this.getMemberrechargeConfig();
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/balance');
});
} else {
this.getUserInfo();
}
},
onLoad() {
// #ifdef MP
this.menuButtonBounding = uni.getMenuButtonBoundingClientRect();
// #endif
},
methods: {
toWithdrawal() {
this.$util.redirectTo('/pages_tool/member/apply_withdrawal');
},
toOrderList() {
this.$util.redirectTo('/pages_tool/recharge/order_list');
},
toBalanceDetail() {
this.$util.redirectTo('/pages_tool/member/balance_detail');
},
toApply(){
this.$util.redirectTo('/pages_tool/member/withdrawal');
},
toList() {
this.$util.redirectTo('/pages_tool/recharge/list');
},
//获取余额信息
getUserInfo() {
this.$api.sendRequest({
url: '/api/memberaccount/info',
data: {
account_type: 'balance,balance_money'
},
success: res => {
if (res.data) {
this.balanceInfo = res.data;
} else {
this.$util.showToast({
title: res.message
});
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
/**
* 获取余额提现配置
*/
getWithdrawConfig() {
this.$api.sendRequest({
url: '/api/memberwithdraw/config',
success: res => {
if (res.code >= 0 && res.data) {
this.withdrawConfig = res.data;
}
}
});
},
/**
* 获取充值提现配置
*/
getMemberrechargeConfig() {
this.$api.sendRequest({
url: '/memberrecharge/api/memberrecharge/config',
success: res => {
if (res.code >= 0 && res.data) {
this.memberrechargeConfig = res.data;
}
}
});
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
return true;
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.getUserInfo();
}
}
}
};
</script>
<style lang="scss">
@import './public/css/balance.scss';
</style>

359
pages_tool/member/balance_detail.vue Normal file
View File

@@ -0,0 +1,359 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<!-- <scroll-view id="tab-bar" class="order-nav" :scroll-x="true" :show-scrollbar="false" :scroll-into-view="scrollInto">
<view v-for="(statusItem, statusIndex) in statusList" :key="statusIndex" class="uni-tab-item" :id="statusItem.id" :data-current="statusIndex" @click="ontabtap">
<text class="uni-tab-item-title" :class="statusIndex == orderStatus ? 'uni-tab-item-title-active' : ''">{{ statusItem.name }}</text>
</view>
</scroll-view> -->
<!-- <view class="tab color-bg">
<view class="tab-left">
<picker mode="date" :value="searchType.date" @change="bindDateChange" fields="month">
<view class="uni-input">
{{ date }}
<text class="iconfont icon-iconangledown"></text>
</view>
</picker>
</view>
<view class="tab-right">
<picker @change="bindPickerChange" :value="balanceIndex" :range="balanceType" class="picker" range-key="label">
<text class="desc uni-input">{{ balanceType[balanceIndex].label }}</text>
<text class="iconfont icon-iconangledown"></text>
</picker>
</view>
</view> -->
<mescroll-uni @getData="getData" ref="mescroll">
<block slot="list">
<!-- 明细列表 -->
<block v-if="dataList.length > 0">
<view class="detailed-wrap">
<view class="balances" v-for="(item, index) in dataList" :key="index">
<image :src="$util.img('public/uniapp/balance/recharge.png')" class="balances-img" v-if="item.account_data > 0"></image>
<image v-else :src="$util.img('public/uniapp/balance/shopping.png')" mode="widthFix"></image>
<view class="balances-info" @click="toFromDetail(item)">
<text class="title">{{ item.remark }}</text>
<!-- <text>{{ item.remark }}</text> -->
<text>{{ $util.timeStampTurnTime(item.create_time) }}</text>
</view>
<view class="balances-num">
<text :class="item.account_data > 0 ? 'color-base-text' : ''">{{ item.account_data > 0 ? '+' + item.account_data : item.account_data }}元</text>
</view>
</view>
</view>
</block>
<block v-else><ns-empty :isIndex="false" text="暂无余额明细"></ns-empty></block>
<!-- 无明细列表 -->
</block>
</mescroll-uni>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
const currentDate = this.getDate({
format: true
});
return {
dataList: [],
statusList: [{
name: '全部',
id: '0'
}, {
name: '收入',
id: '1'
}, {
name: '支出',
id: '2'
}],
scrollInto: '',
orderStatus: '0',
date: currentDate,
searchType: {
from_type: 0,
date: ''
},
balanceType: [{
label: '全部',
value: '0'
}], //积分类型
balanceIndex: 0,
related_id: 0
};
},
components: {},
onLoad(option) {
if (option.group_id) this.related_id = option.group_id ? option.group_id : 0;
if (option.from_type) this.searchType.from_type = option.from_type;
if (option.related_id) this.related_id = option.related_id ? option.related_id : 0;
if (option.status) this.orderStatus = option.status;
this.getbalanceType();
},
onShow() {
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/balance');
});
}
},
methods: {
bindDateChange: function(e) {
var temp = e.target.value;
var tempArr = temp.split('-');
this.date = tempArr[0] + '年' + tempArr[1] + '月';
this.searchType.date = e.target.value;
this.$refs.mescroll.refresh();
},
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}年${month}月`;
},
bindPickerChange(e) {
this.balanceIndex = e.detail.value;
this.searchType.from_type = this.balanceType[this.balanceIndex].value;
this.$refs.mescroll.refresh();
},
//获取分类类型
getbalanceType() {
this.$api.sendRequest({
url: '/api/memberaccount/fromType',
success: res => {
let balanceType = Object.assign(res.balance, res.balance_money),
typeArr = [{
label: '全部',
value: '0'
}];
for (var index in balanceType) {
typeArr.push({
label: balanceType[index].type_name,
value: index
})
}
this.balanceType = typeArr;
}
});
},
ontabtap(e) {
let index = e.currentTarget.dataset.current;
this.orderStatus = this.statusList[index].id;
this.$refs.mescroll.refresh();
},
getData(mescroll) {
this.$api.sendRequest({
url: '/api/memberaccount/page',
data: {
page_size: mescroll.size,
page: mescroll.num,
account_type: 'balance,balance_money',
from_type: this.searchType.from_type,
date: this.searchType.date,
related_id: this.related_id
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) {
this.dataList = []; //如果是第一页需手动制空列表
this.related_id = 0;
}
this.dataList = this.dataList.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
toFromDetail(item) {
if (item.from_type == 'order' && !isNaN(parseInt(item.type_tag))) {
this.$util.redirectTo('/pages/order/detail', {
order_id: item.type_tag
});
} else if (item.from_type == 'refund' && parseInt(item.type_tag) != 0) {
this.$util.redirectTo('/pages/order/detail', {
order_id: item.type_tag
});
}
}
}
};
</script>
<style lang="scss">
.detailed-wrap {
padding-top: 20rpx;
margin: 24rpx;
}
.tab {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
display: flex;
justify-content: space-between;
height: 80rpx;
background-color: $color-bg;
view {
flex: 1;
text-align: center;
line-height: 80rpx;
text {
margin-left: 10rpx;
font-size: $font-size-base;
}
}
.tab-left {
display: flex;
padding-left: 46rpx;
}
.tab-right {
display: flex;
justify-content: flex-end;
padding-right: 26rpx;
}
}
.order-nav {
width: 100vw;
height: 70rpx;
display: flex;
flex-direction: row;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
background: #fff;
border-bottom-left-radius: 24rpx;
border-bottom-right-radius: 24rpx;
padding-bottom: 30rpx;
position: fixed;
left: 0;
z-index: 998;
.uni-tab-item {
width: 33.33%;
text-align: center;
/* #ifndef APP-PLUS */
display: inline-block;
/* #endif */
flex-wrap: nowrap;
}
.uni-tab-item-title {
color: #555;
font-size: $font-size-base;
display: block;
height: 64rpx;
line-height: 64rpx;
border-bottom: 4rpx solid #fff;
padding: 0 10rpx;
flex-wrap: nowrap;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
}
.uni-tab-item-title-active {
display: block;
height: 64rpx;
padding: 0 10rpx;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
}
.balances {
padding: $margin-both 24rpx;
// margin: 0 $margin-both;
box-sizing: border-box;
display: flex;
align-items: flex-start;
border-bottom: 2rpx solid $color-line;
background: #fff;
margin-bottom: 20rpx;
border-radius: 24rpx;
image {
width: 54rpx;
height: 54rpx;
border-radius: 50%;
padding-top: 10rpx;
}
.balances-info {
flex: 1;
margin-left: 16rpx;
display: flex;
flex-direction: column;
text {
font-size: $font-size-toolbar;
line-height: 1;
&:last-child {}
&:nth-child(2) {
margin-top: $margin-updown;
font-size: $font-size-activity-tag;
color: $color-tip;
}
&:nth-child(3) {
font-size: $font-size-activity-tag;
margin-top: $margin-updown;
color: $color-tip;
}
}
}
.balances-num {
text {
line-height: 1;
font-size: $font-size-toolbar;
font-weight: 500;
color:#09c15f;
font-weight: 700;
}
}
}
.empty {
width: 100%;
height: 500rpx;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
</style>

130
pages_tool/member/cancellation.vue Normal file
View File

@@ -0,0 +1,130 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="agreement-box">
<view class="agreement-intro">
<view class="align-center agreement-title">{{ agreement.title }}</view>
<rich-text class="agreement-content" :nodes="agreement.content"></rich-text>
</view>
<view class="agreement-btn">
<view class="align-center agreement-btn-select">
<text v-if="isSelect" class="iconfont icon-dui color-base-text" @click="changeSelect"></text>
<text v-else class="iconfont icon-yuan_checkbox" @click="changeSelect"></text>
<text class="agreement-text" @click="changeSelect">勾选即表示您已阅读并同意本协议</text>
</view>
<button class="btn color-base-bg" @click="next">下一步</button>
</view>
</view>
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
agreement: {},
isSelect: false
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getCancelAgreement();
}
},
methods: {
getCancelAgreement() {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/agreement',
success: res => {
if (res.code >= 0) {
this.agreement = res.data;
if (this.agreement.content) this.agreement.content = htmlParser(this.agreement.content);
}
}
});
},
changeSelect() {
this.isSelect = this.isSelect == true ? false : true;
},
next() {
if (this.isSelect) {
this.$util.redirectTo('/pages_tool/member/assets');
} else {
this.$util.showToast({
title: '请先勾选同意协议'
});
}
}
}
};
</script>
<style lang="scss" scoped>
.agreement-box {
.align-center {
text-align: center;
}
.agreement-intro {
height: calc(100vh - 210rpx);
padding-top: 40rpx;
padding-left: 40rpx;
padding-right: 40rpx;
box-sizing: border-box;
overflow-y: auto;
.agreement-title {
font-size: 32rpx;
line-height: 60rpx;
margin-bottom: 10rpx;
}
.agreement-content {
font-size: 24rpx;
line-height: 44rpx;
}
}
.agreement-btn {
position: fixed;
width: 100%;
height: 210rpx;
bottom: 0;
padding-top: 16rpx;
box-sizing: border-box;
text-align: center;
.agreement-btn-select {
display: flex;
justify-content: center;
align-items: center;
}
.agreement-btn-select .iconfont {
color: #838383;
}
.agreement-text {
font-size: 28rpx;
color: #838383;
margin-left: 10rpx;
}
button {
display: inline-block;
margin-top: 20rpx;
color: var(--btn-text-color);
font-size: 28rpx;
width: 300rpx;
height: 80rpx;
line-height: 80rpx;
}
}
}
</style>

114
pages_tool/member/cancelrefuse.vue Normal file
View File

@@ -0,0 +1,114 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="cancel-wrap">
<view class="cancel-img"><image :src="$util.img('public/uniapp/member/refuse.png')"></image></view>
<view class="cancel-title">您的申请已拒绝</view>
<view class="cancel-reason">拒绝理由：{{ reason }}</view>
<view class="cancel-btn">
<button type="primary" @click="toIndex">返回</button>
<button class="color-base-bg" @click="apply">重新申请</button>
</view>
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
reason: ''
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getStatus();
}
},
methods: {
getStatus() {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/info',
success: res => {
if (res.code >= 0) {
this.reason = res.data.reason;
}
}
});
},
toIndex() {
this.$util.redirectTo('/pages/member/index');
},
apply() {
this.$util.redirectTo('/pages_tool/member/cancellation');
}
}
};
</script>
<style lang="scss" scoped>
.cancel-wrap {
padding-top: 300rpx;
text-align: center;
.cancel-img {
width: 150rpx;
height: 150rpx;
display: inline-block;
image {
width: 100%;
height: 100%;
}
}
.cancel-title {
text-align: center;
font-size: 32rpx;
line-height: 32rpx;
margin-top: 30rpx;
}
.cancel-reason {
color: #838383;
font-size: 28rpx;
line-height: 50rpx;
margin-top: 20rpx;
padding: 0 75rpx;
}
.cancel-btn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 173rpx;
button {
width: 300rpx;
height: 84rpx;
font-size: 28rpx;
line-height: 84rpx;
margin: 0 15rpx;
border-radius: $border-radius;
}
button[type='primary'] {
background-color: unset !important;
color: #333333;
border: 2rpx solid #dddddd;
}
button:nth-child(2) {
color: #ffffff;
}
}
}
</style>

190
pages_tool/member/cancelstatus.vue Normal file
View File

@@ -0,0 +1,190 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="cancelstatus-wrap">
<view class="cancelstatus-block">
<view class="cancelstatus-box">
<view class="cancelstatus-box-sort color-base-bg">1</view>
<view class="cancelstatus-box-con">
<view class="cancelstatus-box-name">提交申请</view>
<view class="cancelstatus-box-info">您已提交申请，请耐心等待~</view>
</view>
<view class="cancelstatus-box-line color-base-bg"></view>
</view>
<view class="cancelstatus-box">
<view class="cancelstatus-box-sort color-base-bg">2</view>
<view class="cancelstatus-box-con">
<view class="cancelstatus-box-name">等待审核</view>
<view class="cancelstatus-box-info">等待审核中，审核通过后您的账号将直接被删除</view>
</view>
<view class="cancelstatus-box-line color-base-bg" :class="{ 'opacity-4': state == 0 }"></view>
</view>
<view class="cancelstatus-box cancelstatus-box-last">
<view class="cancelstatus-box-sort color-base-bg" :class="[ state == 1 ? 'opacity': 'opacity-4' ]">
3
</view>
<view class="cancelstatus-box-con">
<view class="cancelstatus-box-name">审核通过，注销完成</view>
<view class="cancelstatus-box-info">您已成功注销账号，期待下一次与您相遇</view>
</view>
</view>
</view>
<view class="cancelstatus-btn" v-if="state == 0">
<button type="primary" @click="back">返回</button>
<button class="color-base-bg" @click="revoke">撤销申请</button>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
state: 0
};
},
onLoad(option) {
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getStatus();
}
},
onShow() {
this.getStatus();
},
methods: {
getStatus() {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/info',
success: res => {
if (res.code >= 0 && res.data) {
this.state = res.data.status;
if (this.state == -1) {
this.$util.redirectTo('/pages_tool/member/cancelrefuse');
}
}
if (res.code == -1) {
this.$store.commit('setToken', '');
this.$store.commit('setMemberInfo', '');
this.$store.commit('setMemberInfo', '');
this.$store.dispatch('emptyCart');
this.$util.redirectTo('/pages/index/index');
}
}
});
},
back() {
this.$util.redirectTo('/pages/member/index');
},
revoke() {
uni.showModal({
title: '风险提示',
content: '确定要撤销申请吗？',
confirmColor: '#000000',
success: res => {
if (res.confirm) {
this.$api.sendRequest({
url: '/membercancel/api/membercancel/cancelApply',
success: res => {
if (res.code >= 0) {
this.$util.redirectTo('/pages/member/index');
}
}
});
}
}
});
}
}
};
</script>
<style lang="scss" scoped>
.cancelstatus-wrap {
.cancelstatus-block {
padding: 50rpx;
}
.cancelstatus-box {
position: relative;
display: flex;
height: 200rpx;
.cancelstatus-box-sort {
width: 36rpx;
height: 36rpx;
text-align: center;
line-height: 36rpx;
border-radius: 50%;
color: #ffffff;
margin-right: 17rpx;
font-size: 24rpx;
}
.opacity {
opacity: 1;
&-4 {
opacity: 0.4;
}
}
.cancelstatus-box-name {
font-size: 32rpx;
line-height: 32rpx;
margin-top: 3rpx;
}
.cancelstatus-box-info {
margin-top: 15rpx;
color: #666666;
font-size: 28rpx;
}
.cancelstatus-box-line {
position: absolute;
width: 2rpx;
height: 164rpx;
top: 36rpx;
left: 18rpx;
}
&.cancelstatus-box-last {
height: 80rpx;
}
}
.cancelstatus-btn {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
bottom: 0;
width: 100%;
height: 150rpx;
button {
width: 300rpx;
height: 80rpx;
font-size: 28rpx;
line-height: 80rpx;
margin: 0 15rpx;
border-radius: $border-radius;
}
button[type='primary'] {
background-color: unset !important;
color: #333333;
border: 2rpx solid #dddddd;
}
button:nth-child(2) {
color: #ffffff;
}
}
}
</style>

100
pages_tool/member/cancelsuccess.vue Normal file
View File

@@ -0,0 +1,100 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="cancel-wrap">
<view class="cancel-img">
<image :src="$util.img('public/uniapp/member/success.png')"></image>
</view>
<view class="cancel-title">您已成功注销账号</view>
<view class="cancel-reason">待下次与您更好的相遇，如需再次使用，请重新注册</view>
<view class="cancel-btn"><button class="color-base-bg" @click="success">完成</button></view>
</view>
</view>
</template>
<script>
export default {
components: {},
data() {
return {
state: ''
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getStatus();
}
},
methods: {
getStatus() {
this.$api.sendRequest({
success: res => {
if (res.code >= 0) {
this.state = res.data.state;
if (res.data.state == 1) {
this.$store.commit('setToken', '');
this.$store.commit('setMemberInfo', '');
this.$store.dispatch('emptyCart');
this.$util.redirectTo('/pages/index/index');
}
}
}
});
}
}
};
</script>
<style lang="scss" scoped>
.cancel-wrap {
padding-top: 84rpx;
text-align: center;
.cancel-img {
width: 100rpx;
height: 100rpx;
display: inline-block;
image {
width: 100%;
height: 100%;
}
}
.cancel-title {
text-align: center;
font-size: 24rpx;
line-height: 24rpx;
margin-top: 30rpx;
}
.cancel-reason {
color: #838383;
font-size: 20rpx;
line-height: 40rpx;
margin-top: 20rpx;
padding: 0 175rpx;
}
.cancel-btn {
width: 100%;
margin-top: 173rpx;
button {
display: inline-block;
width: 300rpx;
height: 80rpx;
font-size: 28rpx;
line-height: 80rpx;
margin: 0 15rpx;
color: #ffffff;
}
}
}
</style>

229
pages_tool/member/card.vue Normal file
View File

@@ -0,0 +1,229 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="member-level">
<view class="level-top">
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
</view>
<view class="banner-container">
<view class="memberInfo">
<image :src="$util.img(memberInfo.headimg)" v-if="memberInfo.headimg" @error="headimgError" mode="aspectFill"/>
<image :src="$util.getDefaultImage().head" v-else mode="aspectFill"/>
<view class="member-desc">
<view class="font-size-toolbar">{{ memberInfo.nickname }}</view>
<view class="font-size-tag expire-time" v-if="memberInfo.level_expire_time > 0">
有效期至：{{ $util.timeStampTurnTime(memberInfo.level_expire_time, true) }}</view>
</view>
</view>
<view class="image-container item-center">
<view class="slide-image">
<view class="bg-border"></view>
<image :src="$util.img('public/uniapp/level/card-bg.png')"></image>
<view class="info">
<view class="level-detail">{{ levelInfo.level_name }}</view>
<view class="growr-name">{{ levelInfo.level_name }}可享受消费折扣和</view>
<view class="growr-value">会员大礼包等权益</view>
<view class="growth-rules font-size-tag" @click="openExplainPopup" v-if="levelInfo.remark != ''">
<text class="iconfont icon-wenhao font-size-tag"></text>
</view>
<button type="default" class="renew-btn" @click="$util.redirectTo('/pages_tool/member/card_buy')">立即续费</button>
</view>
</view>
</view>
<view class="card-content" v-if="levelInfo.is_free_shipping || levelInfo.consume_discount < 100 || levelInfo.point_feedback > 0">
<view class="card-content-head">
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">会员权益</view>
<view class="line-box">
<view class="line"></view>
</view>
<view class="clear"></view>
</view>
<view class="card-privilege-list">
<view class="card-privilege-item" v-if="levelInfo.is_free_shipping">
<view class="card-privilege-icon"><text class="iconfont icon-tedianquanchangbaoyou"></text>
</view>
<view class="card-privilege-name">全场包邮</view>
<view class="card-privilege-text">享受商品包邮服务</view>
</view>
<view class="card-privilege-item" v-if="levelInfo.consume_discount < 100">
<view class="card-privilege-icon"><text class="iconfont icon-zhekou"></text></view>
<view class="card-privilege-name">消费折扣</view>
<view class="card-privilege-text">部分商品下单可享{{ levelInfo.consume_discount / 10 }}折优惠</view>
</view>
<view class="card-privilege-item" v-if="levelInfo.point_feedback > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen2 f32"></text></view>
<view class="card-privilege-name">积分回馈</view>
<view class="card-privilege-text">下单享{{ parseFloat(levelInfo.point_feedback) }}倍积分回馈</view>
</view>
</view>
<view v-if="levelInfo.send_coupon != '' || levelInfo.send_point > 0 || levelInfo.send_balance > 0">
<view class="card-content-head">
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">开卡礼包</view>
<view class="line-box">
<view class="line"></view>
</view>
<view class="clear"></view>
</view>
<view class="card-privilege-list">
<view class="card-privilege-item" v-if="levelInfo.send_point > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen3"></text></view>
<view class="card-privilege-name">积分礼包</view>
<view class="card-privilege-text">赠送{{ levelInfo.send_point }}积分</view>
</view>
<view class="card-privilege-item" v-if="levelInfo.send_balance > 0">
<view class="card-privilege-icon"><text class="iconfont icon-hongbao"></text></view>
<view class="card-privilege-name">红包礼包</view>
<view class="card-privilege-text">赠送{{ parseFloat(levelInfo.send_balance) }}元红包</view>
</view>
<view class="card-privilege-item" v-if="levelInfo.send_coupon != ''">
<view class="card-privilege-icon"><text class="iconfont icon-youhuiquan1"></text></view>
<view class="card-privilege-name">优惠券礼包</view>
<view class="card-privilege-text">赠送{{ levelInfo.send_coupon.split(',').length }}张优惠券</view>
</view>
</view>
</view>
</view>
</view>
<!-- 弹出规则 -->
<view @touchmove.prevent.stop>
<uni-popup ref="explainPopup" type="bottom">
<view class="tips-layer">
<view class="head" @click="closeExplainPopup()">
<view class="title">会员卡说明</view>
<text class="iconfont icon-close"></text>
</view>
<view class="body">
<view class="detail margin-bottom">
<block v-if="levelInfo.remark != ''">
<view class="tip">会员卡说明</view>
<view class="font-size-base">{{ levelInfo.remark }}</view>
</block>
</view>
</view>
</view>
</uni-popup>
</view>
<ns-goods-recommend ref="goodrecommend" route="super_member"></ns-goods-recommend>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
import nsGoodsRecommend from '@/components/ns-goods-recommend/ns-goods-recommend.vue';
import scroll from '@/common/js/scroll-view.js';
export default {
components: {
uniPopup,
nsGoodsRecommend
},
mixins: [scroll],
data() {
return {
isSub: false, // 是否已提交
isIphoneX: false,
levelId: 0,
levelInfo: {
bg_color: '#333'
}
};
},
onLoad() {
//会员卡
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/card');
});
return;
}
this.isIphoneX = this.$util.uniappIsIPhoneX();
this.levelId = this.memberInfo.member_level;
let levelInfo = this.memberInfo.member_level_info;
let charge_rule = levelInfo.charge_rule ? JSON.parse(levelInfo.charge_rule) : {};
levelInfo.charge_rule_arr = [];
Object.keys(charge_rule).forEach(key => {
levelInfo.charge_rule_arr.push({
key: key,
value: charge_rule[key]
});
});
this.levelInfo = levelInfo;
},
onShow() {},
methods: {
headimgError() {
this.memberInfo.headimg = this.$util.getDefaultImage().head;
},
/**
* 打开说明弹出层
*/
openExplainPopup() {
this.$refs.explainPopup.open();
},
/**
* 打开说明弹出层
*/
closeExplainPopup() {
this.$refs.explainPopup.close();
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages/member/index');
return true;
}
};
</script>
<style lang="scss">
@import './public/css/card.scss';
.banner-container .image-container .slide-image {
width: calc(100% - 60rpx);
height: 360rpx;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.banner-container .image-container image {
background-color: #e3b66b;
}
.banner-container .slide-image .renew-btn {
text-align: center;
line-height: 56rpx;
height: 56rpx;
border-radius: $border-radius;
width: 160rpx;
font-size: $font-size-tag;
color: #e3b66b !important;
background: #fff;
position: absolute;
right: 10rpx;
bottom: 40rpx;
border: none;
z-index: 10;
}
</style>
<style scoped>
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
max-height: unset !important;
}
</style>

67
pages_tool/member/card_agreement.vue Normal file
View File

@@ -0,0 +1,67 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="agreement-title">{{ title }}</view>
<view class="agreement-content"><rich-text :nodes="content"></rich-text></view>
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
title: '',
content: ''
};
},
onLoad() {
this.getAgreement();
},
onShow() {},
methods: {
getAgreement() {
this.$api.sendRequest({
url: '/supermember/api/membercard/agreement',
success: res => {
if (res.data && res.code == 0) {
this.title = res.data.title;
this.content = htmlParser(res.data.content);
uni.setNavigationBarTitle({
title: this.title
});
}
}
});
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages_tool/member/card_buy', {}, 'redirectTo');
return true;
}
};
</script>
<style lang="scss">
.page {
width: 100%;
height: 100%;
padding: 30rpx;
box-sizing: border-box;
background-color: #fff;
}
.agreement-title {
font-size: $font-size-toolbar;
text-align: center;
}
.agreement-content {
margin-top: $margin-updown;
word-break: break-all;
font-size: $font-size-base;
}
</style>

422
pages_tool/member/card_buy.vue Normal file
View File

@@ -0,0 +1,422 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="member-level">
<block v-if="levelList.length">
<view class="level-top">
<image :src="$util.img('public/uniapp/level/card-top-bg.png')"></image>
</view>
<view class="banner-container">
<view class="memberInfo">
<image :src="$util.img(memberInfo.headimg)" v-if="memberInfo.headimg" @error="headimgError" mode="aspectFill"/>
<image :src="$util.getDefaultImage().head" v-else mode="aspectFill"></image>
<view class="member-desc">
<view class="font-size-toolbar">{{ memberInfo.nickname }}</view>
<view class="font-size-tag expire-time" v-if="memberInfo.level_expire_time > 0">
有效期至：{{ $util.timeStampTurnTime(memberInfo.level_expire_time, true) }}
</view>
</view>
</view>
<swiper :style="{ width: '100vw', height: '390rpx' }" class="margin-bottom"
:indicator-dots="swiperConfig.indicatorDots" :indicator-color="swiperConfig.indicatorColor"
:indicator-active-color="swiperConfig.indicatorActiveColor" :autoplay="false"
:interval="swiperConfig.interval" :duration="swiperConfig.duration"
:circular="swiperConfig.circular" :previous-margin="swiperConfig.previousMargin"
:next-margin="swiperConfig.nextMargin" @change="swiperChange" @animationfinish="animationfinish"
:current="curIndex">
<swiper-item :class="levelList.length == 1 ? 'image-container-box' : ''" v-for="(item, i) in levelList" :key="i">
<view class="image-container" :class="[
curIndex === 0
? i === listLen - 1
? 'item-left'
: i === 1
? 'item-right'
: 'item-center'
: curIndex === listLen - 1
? i === 0
? 'item-right'
: i === listLen - 2
? 'item-left'
: 'item-center'
: i === curIndex - 1
? 'item-left'
: i === curIndex + 1
? 'item-right'
: 'item-center'
]">
<view class="slide-image" style="background-size: 100% 100%;background-repeat:no-repeat"
:style="{
transform: curIndex === i ? 'scale(' + scaleX + ',' + scaleY + ')' : 'scale(1,1)',
transitionDuration: '.3s',
transitionTimingFunction: 'ease'
}">
<view class="bg-border"></view>
<image v-if="levelList[curIndex] && levelList[curIndex]['level_picture']" :src="$util.img(levelList[curIndex]['level_picture'])"/>
<image v-else :style="{backgroundColor:levelList[curIndex]['bg_color']}"/>
<view class="info">
<view class="level-detail" :style="{color:levelList[curIndex]['level_text_color']}">{{ levelList[curIndex].level_name }}</view>
<view class="growr-name" :style="{color:levelList[curIndex]['level_text_color']}">{{ levelList[curIndex].level_name }}可享受消费折扣和</view>
<view class="growr-value" :style="{color:levelList[curIndex]['level_text_color']}">会员大礼包等权益</view>
<view class="growth-rules font-size-tag" @click="openExplainPopup" v-if="levelList[curIndex].remark != ''">
<text class="iconfont icon-wenhao font-size-tag"></text>
</view>
</view>
</view>
</view>
</swiper-item>
</swiper>
<view class="card-content">
<view class="card-content-head">
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">卡种选择</view>
<view class="line-box">
<view class="line"></view>
</view>
<view class="clear"></view>
</view>
<view class="card-time-list">
<view class="card-item-box" :class="{ small: currCard.charge_rule_arr.length == 4 }" v-for="(item, index) in currCard.charge_rule_arr" :key="index">
<view class="card-time-item" :class="{ active: choiceIndex == index }" @click="choice(index)">
<image :src="$util.img('public/uniapp/level/card-icon.png')" mode="widthFix"></image>
<view class="time-name">{{ cardType[item.key].name }}</view>
<view class="time-price">
{{ $lang('common.currencySymbol') }}
<text class="price">{{ item.value }}</text>
/{{ cardType[item.key].unit }}
</view>
</view>
</view>
</view>
</view>
<view class="card-content"
v-if="currCard.is_free_shipping || currCard.consume_discount < 100 || currCard.point_feedback > 0">
<view class="card-content-head">
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">会员权益</view>
<view class="line-box">
<view class="line"></view>
</view>
<view class="clear"></view>
</view>
<view class="card-privilege-list">
<view class="card-privilege-item" v-if="currCard.is_free_shipping">
<view class="card-privilege-icon">
<text class="iconfont icon-tedianquanchangbaoyou"></text>
</view>
<view class="card-privilege-name">全场包邮</view>
<view class="card-privilege-text">享受商品包邮服务</view>
</view>
<view class="card-privilege-item" v-if="currCard.consume_discount < 100">
<view class="card-privilege-icon"><text class="iconfont icon-zhekou"></text></view>
<view class="card-privilege-name">消费折扣</view>
<view class="card-privilege-text">部分商品下单可享{{ currCard.consume_discount / 10 }}折优惠</view>
</view>
<view class="card-privilege-item" v-if="currCard.point_feedback > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen2 f32"></text></view>
<view class="card-privilege-name">积分回馈</view>
<view class="card-privilege-text">下单享{{ parseFloat(currCard.point_feedback) }}倍积分回馈</view>
</view>
</view>
<view v-if="currCard.send_coupon != '' || currCard.send_point > 0 || currCard.send_balance > 0">
<view class="card-content-head">
<view class="line-box">
<view class="line right"></view>
</view>
<view class="card-content-title">开卡礼包</view>
<view class="line-box">
<view class="line"></view>
</view>
<view class="clear"></view>
</view>
<view class="card-privilege-list">
<view class="card-privilege-item" v-if="currCard.send_point > 0">
<view class="card-privilege-icon"><text class="iconfont icon-jifen3"></text></view>
<view class="card-privilege-name">积分礼包</view>
<view class="card-privilege-text">赠送{{ currCard.send_point }}积分</view>
</view>
<view class="card-privilege-item" v-if="currCard.send_balance > 0">
<view class="card-privilege-icon"><text class="iconfont icon-hongbao"></text></view>
<view class="card-privilege-name">红包礼包</view>
<view class="card-privilege-text">赠送{{ parseFloat(currCard.send_balance) }}元红包</view>
</view>
<view class="card-privilege-item" v-if="currCard.send_coupon != ''">
<view class="card-privilege-icon"><text class="iconfont icon-youhuiquan1"></text></view>
<view class="card-privilege-name">优惠券礼包</view>
<view class="card-privilege-text">赠送{{ currCard.send_coupon.split(',').length }}张优惠券
</view>
</view>
</view>
</view>
</view>
<block v-if="currCard.charge_rule_arr.length">
<view class="action-wrap" :class="{ 'bottom-safe-area': isIphoneX, 'have-agreement': agreement }">
</view>
<view class="action" :class="{ 'bottom-safe-area': isIphoneX, 'have-agreement': agreement }">
<view class="action-btn" @click="create">
<block v-if="currCard.level_id == levelId"><text class="bold title">立即续费</text></block>
<block v-else>
<text class="bold title" v-if="currCard.charge_type == 1">充值开通</text>
<text class="bold title" v-else>立即开通</text>
</block>
<text class="font-size-tag">{{ $lang('common.currencySymbol') }}</text>
<text class="bold">{{ currCard.charge_rule_arr[choiceIndex].value }}</text>
<text>/{{ cardType[currCard.charge_rule_arr[choiceIndex].key].unit }}</text>
</view>
<view class="agreement" v-if="agreement">
购买既视为同意
<text @click="$util.redirectTo('/pages_tool/member/card_agreement')">《{{ agreement.title }}》</text>
</view>
</view>
</block>
</view>
<!-- 弹出规则 -->
<view @touchmove.prevent.stop>
<uni-popup ref="explainPopup" type="bottom">
<view class="tips-layer">
<view class="head" @click="closeExplainPopup()">
<view class="title">会员卡说明</view>
<text class="iconfont icon-close"></text>
</view>
<view class="body">
<view class="detail margin-bottom">
<block v-if="currCard.remark != ''">
<view class="tip">会员卡说明</view>
<view class="font-size-base">{{ currCard.remark }}</view>
</block>
</view>
</view>
</view>
</uni-popup>
</view>
<ns-payment ref="choosePaymentPopup" :payMoney="currCard.charge_rule_arr[choiceIndex].value" @confirm="toPay" v-if="currCard.charge_rule_arr.length"></ns-payment>
</block>
<block v-else><ns-empty text="暂无可开会员卡" :isIndex="false"></ns-empty></block>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
<!-- 选择支付方式弹窗 -->
</view>
</template>
<script>
import scroll from '@/common/js/scroll-view.js';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup
},
mixins: [scroll],
data() {
return {
isSub: false, // 是否已提交
isIphoneX: false,
couponPopList: [],
curIndex: 0,
isDescAnimating: false,
scaleX: (634 / 540).toFixed(4),
scaleY: (378 / 330).toFixed(4),
swiperConfig: {
indicatorDots: false,
indicatorColor: 'rgba(255, 255, 255, .4)',
indicatorActiveColor: 'rgba(255, 255, 255, 1)',
interval: 3000,
duration: 300,
circular: false,
previousMargin: '58rpx',
nextMargin: '58rpx'
},
levelList: [],
levelId: 0,
cardType: {
week: {
name: '周卡',
unit: '周'
},
month: {
name: '月卡',
unit: '月'
},
quarter: {
name: '季卡',
unit: '季'
},
year: {
name: '年卡',
unit: '年'
}
},
choiceIndex: 0,
outTradeNo: '',
agreement: null
};
},
computed: {
listLen() {
return this.levelList.length;
},
currCard() {
if (this.levelList[this.curIndex]) {
let card = this.levelList[this.curIndex];
let charge_rule = card.charge_rule ? JSON.parse(card.charge_rule) : {};
card.charge_rule_arr = [];
Object.keys(charge_rule).forEach(key => {
card.charge_rule_arr.push({
key: key,
value: charge_rule[key]
});
});
return card;
}
}
},
onLoad() {
//会员卡
this.isIphoneX = this.$util.uniappIsIPhoneX();
if (this.storeToken) {
this.getCardList();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/card_buy');
});
}
this.getAgreement();
},
onShow() {},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.getCardList();
}
}
},
methods: {
swiperChange(e) {
this.curIndex = e.detail.current;
this.choiceIndex = 0;
this.isDescAnimating = true;
},
animationfinish(e) {
this.isDescAnimating = false;
},
getCardList() {
this.$api.sendRequest({
url: '/supermember/api/membercard/lists',
success: res => {
if (res.code == 0 && res.data) {
this.levelList = res.data;
this.levelId = this.memberInfo.member_level;
for (let i = 0; i < this.levelList.length; i++) {
if (this.levelList[i].level_id == this.levelId) {
this.curIndex = i;
break;
}
}
} else {
this.$util.showToast({
title: res.message
});
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
choice(index) {
this.choiceIndex = index;
},
/**
* 创建
*/
create() {
if (this.memberInfo.member_level_type && this.memberInfo.member_level != this.currCard.level_id) {
uni.showModal({
title: '提示',
content: '您有尚未过期的会员卡，再次购卡会覆盖掉之前的卡，是否继续？',
success: res => {
if (res.confirm) {
this.$refs.choosePaymentPopup.open();
}
}
});
} else {
this.$refs.choosePaymentPopup.open();
}
},
/**
* 提交
*/
toPay() {
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/supermember/api/ordercreate/create',
data: {
level_id: this.currCard.level_id,
period_unit: this.currCard.charge_rule_arr[this.choiceIndex].key
},
success: res => {
if (res.data && res.code == 0) {
this.outTradeNo = res.data.out_trade_no;
uni.setStorageSync('paySource', 'membercard');
this.$refs.choosePaymentPopup.getPayInfo(this.outTradeNo);
} else {
this.isSub = false;
this.$util.showToast({
title: res.message
});
}
}
});
},
headimgError() {
this.memberInfo.headimg = this.$util.getDefaultImage().head;
},
/**
* 打开说明弹出层
*/
openExplainPopup() {
this.$refs.explainPopup.open();
},
/**
* 打开说明弹出层
*/
closeExplainPopup() {
this.$refs.explainPopup.close();
},
getAgreement() {
this.$api.sendRequest({
url: '/supermember/api/membercard/agreement',
success: res => {
if (res.code == 0 && res.data && res.data.title != '' && res.data.content != '') {
this.agreement = res.data;
}
}
});
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages/member/index');
return true;
}
};
</script>
<style lang="scss">
@import './public/css/card.scss';
</style>

86
pages_tool/member/collection.vue Normal file
View File

@@ -0,0 +1,86 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni ref="mescroll" @getData="getData" class="member-point" :size="8" @listenRefresh="listenRefresh" v-if="storeToken">
<view class="goods_list" slot="list">
<block v-if="collectionList.length > 0">
<view class="goods_li margin-top" v-for="(item, index) in collectionList" :key="index" @click.stop="toDetail(item)">
<view class="pic">
<image :src="$util.img(item.goods_image.split(',')[0], { size: 'mid' })" mode="aspectFill" @error="goodsImageError(index)"></image>
</view>
<view class="goods_info">
<view class="goods_name font-size-base">{{ item.sku_name }}</view>
<view class="goods_opection">
<view class="left lineheight-clear ">
<text class="symbol price-style small">￥</text>
<text class="price price-style large">{{ parseFloat(item.discount_price).toFixed(2).split('.')[0] }}</text>
<text class="symbol price-style small">.{{ parseFloat(item.discount_price).toFixed(2).split('.')[1] }}</text>
</view>
<view class="right">
<view class="cars" @click.stop="deleteItem(item.goods_id)">
<view class="icon iconfont icon-icon7"></view>
</view>
</view>
</view>
</view>
</view>
</block>
<!-- 第一个列表为空时 -->
<ns-empty v-if="collectionList.length == 0 && isShowEmpty" text="暂无关注的商品" :isIndex="false"></ns-empty>
<ns-goods-recommend ref="goodsRecommend"></ns-goods-recommend>
</view>
</mescroll-uni>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import nsGoodsRecommend from '@/components/ns-goods-recommend/ns-goods-recommend.vue';
import collection from './public/js/collection.js';
export default {
components: {
nsGoodsRecommend
},
mixins: [collection],
data() {
return {};
},
onShow() {
if (this.storeToken) {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/collection');
});
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.$refs.mescroll.refresh();
}
}
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
/deep/ .empty {
margin-top: 0 !important;
}
@import './public/css/collection.scss';
</style>
<style scoped>
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
max-height: unset !important;
}
</style>

29
pages_tool/member/contact.vue Normal file
View File

@@ -0,0 +1,29 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="contact">
<image :src="$util.img('public/uniapp/member/contact_service.png')" mode="widthFix"></image>
<!--<ns-contact><button type="primary">联系客服</button></ns-contact>-->
</view>
</template>
<script>
export default {
data() {
return {};
},
onLoad(options) {},
onShow() {},
methods: {}
};
</script>
<style lang="scss">
.contact {
width: 80%;
text-align: center;
margin: 0 auto;
image {
width: 500rpx;
}
}
</style>

401
pages_tool/member/coupon.vue Normal file
View File

@@ -0,0 +1,401 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view :class="isIphoneX ? 'iphone-x' : ''">
<view class="cf-container color-line-border" v-if="storeToken">
<view class="tab">
<view @click="changeState(1)"><text :class="state == 1 ? 'color-base-text active color-base-border-bottom' : ''">未使用</text></view>
<view @click="changeState(2)"><text :class="state == 2 ? 'color-base-text active color-base-border-bottom' : ''">已使用</text></view>
<view @click="changeState(3)"><text :class="state == 3 ? 'color-base-text active color-base-border-bottom' : ''">已过期</text></view>
</view>
<!-- <view class="coupon-head">
<view class="sort" :class="sort == 1 ? 'color-base-border color-base-text' : ''" @click="changeSort(1, '')">全部</view>
<view class="sort" :class="sort == 2 ? 'color-base-border color-base-text' : ''" @click="changeSort(2, 'reward')">满减券</view>
<view class="sort" :class="sort == 3 ? 'color-base-border color-base-text' : ''" @click="changeSort(3, 'discount')">折扣券</view>
<view class="sort" :class="sort == 4 ? 'color-base-border color-base-text' : ''" @click="changeSort(4, 'no_threshold')">无门槛券</view>
</view> -->
</view>
<mescroll-uni ref="mescroll" top="100" @getData="getMemberCounponList" v-if="storeToken">
<block slot="list">
<view class="coupon-listone">
<view class="item" :class="['item',item.state != 1&&'item-disabled']" v-for="(item, index) in list" :key="index" @click="toGoodsList(item)" :style="{ backgroundColor: item.state != 1 ? '#FFF' : 'var(--main-color-shallow)' }">
<view class="item-base">
<image class="coupon-line" mode="heightFix" :src="$util.img('public/uniapp/coupon/coupon_line.png')"/>
<view>
<view class="use_price " v-if="item.type == 'divideticket'">
<text>￥</text>
{{ parseFloat(item.money) }}
</view>
<view class="use_price " v-if="item.type == 'reward'">
<text>￥</text>
{{ parseFloat(item.money) }}
</view>
<view class="use_price" v-else-if="item.type == 'discount'">
{{ parseFloat(item.discount) }}
<text>折</text>
</view>
<view class="use_condition font-size-tag" v-if="item.at_least > 0">
满{{ item.at_least }}元可用</view>
<view class="use_condition font-size-tag" v-else>无门槛优惠券</view>
</view>
</view>
<view class="item-info">
<view class="use_title">
<view class="title">{{ item.coupon_name }}</view>
<view class="max_price" v-if="item.goods_type == 2 || item.goods_type == 3" :class="{ disabled: item.state == 3 }">指定商品</view>
<view class="max_price" v-if="item.discount_limit != '0.00'">(最大优惠{{ item.discount_limit }}元)</view>
<view class="max_price" :class="{ disabled: item.useState == 2 }">{{ item.use_channel_name }}</view>
<!-- <view class="max_price truncate" v-if="item.use_channel!='online'" :class="{ disabled: item.useState == 2 }">
{{ item.use_store==='all'?'适用门店：全部门店': '适用门店：'+item.use_store_name}}
</view> -->
</view>
<view class="use_time" v-if="item.end_time">有效期：{{ $util.timeStampTurnTime(item.end_time) }}
</view>
<view class="use_time" v-else>有效期：长期有效</view>
</view>
<view class="item-btn">
<view class="tag" v-if="item.state == 1">去使用</view>
<view class="tag disabled" v-if="item.state == 2">已使用</view>
<view class="tag disabled" v-if="item.state == 3">已过期</view>
</view>
</view>
</view>
<view v-if="!list.length && showEmpty" class="margin-top cart-empty" :fixed="false">
<ns-empty :isIndex="true" :emptyBtn="{url: '/pages/index/index',text: '去逛逛'}" text="暂无优惠券"></ns-empty>
</view>
</block>
</mescroll-uni>
<ns-login ref="ns-login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
type: '',
types: '',
state: 1,
sort: 1,
list: [],
isIphoneX: false, //判断手机是否是iphoneX以上
showEmpty: false,
related_id: 0
};
},
onLoad(data) {
setTimeout( () => {
if (!this.addonIsExist.coupon) {
this.$util.showToast({
title: '商家未开启优惠券',
mask: true,
duration: 2000
});
setTimeout(() => {
this.$util.redirectTo('/pages/index/index');
}, 2000);
}
},1000);
if (data.related_id) this.related_id = data.related_id ? data.related_id : 0;
this.isIphoneX = this.$util.uniappIsIPhoneX();
},
onShow() {
if (this.storeToken) {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/coupon');
});
}
},
methods: {
//切换状态
changeState(state) {
this.list = [];
this.state = state;
this.$refs.mescroll.refresh(false);
},
changeSort(sort, types) {
this.list = [];
this.sort = sort;
this.types = types;
this.$refs.mescroll.refresh(false);
},
getMemberCounponList(mescroll) {
this.showEmpty = false;
this.$api.sendRequest({
url: '/coupon/api/coupon/memberpage',
data: {
page: mescroll.num,
page_size: mescroll.size,
state: this.state,
is_own: this.type,
type: this.types,
related_id: this.related_id
},
success: res => {
this.showEmpty = true;
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) {
this.list = []; //如果是第一页需手动制空列表
this.related_id = 0;
}
this.list = this.list.concat(newArr); //追加新数据
let data = res.data;
if (data) this.couponList = data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
imageError(index) {
this.list[index].logo = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
toGoodsList(item) {
if (item.state == 1) {
this.$util.redirectTo('/pages/goods/list', {
coupon: item.coupon_type_id
});
}
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.$refs.mescroll.refresh();
}
}
}
};
</script>
<style lang="scss" scoped>
.cart-empty {
margin-top: 208rpx !important;
}
.active {
border-bottom: 4rpx solid;
}
.coupon-head {
display: flex;
background: #fff;
padding: 20rpx 50rpx;
.sort {
border: 2rpx solid #c5c5c5;
padding: 1rpx 20rpx;
border-radius: 10rpx;
cursor: pointer;
margin-right: 15rpx;
}
}
.cf-container {
background: #fff;
overflow: hidden;
}
.tab {
display: flex;
justify-content: space-between;
height: 86rpx;
>view {
text-align: center;
width: 33%;
height: 86rpx;
text {
display: inline-block;
line-height: 86rpx;
height: 80rpx;
font-size: 30rpx;
}
}
}
.coupon-listone {
margin: 0 30rpx;
.item {
display: flex;
background-color: #fff2f0;
background-size: 100% 100%;
border-radius: 20rpx;
align-items: stretch;
margin-top: $padding;
overflow: hidden;
&.item-disabled {
.item-base {
background: #e7e7e7 !important;
}
}
.item-base {
position: relative;
width: 197rpx;
min-width: 197rpx;
text-align: center;
background: linear-gradient(to left, var(--bg-color), var(--bg-color-shallow));
background-repeat: no-repeat;
background-size: 100% 100%;
padding: 38rpx 10rpx 38rpx 18rpx;
&.disabled {
background: #dedede;
}
.coupon-line {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
>view {
width: calc(100%);
height: auto;
position: relative;
top: 50%;
transform: translate(0, -50%);
}
.use_price {
font-size: 60rpx;
line-height: 1;
color: #fff;
text {
font-size: $font-size-toolbar;
}
&.disabled {
color: $color-tip;
}
}
.use_condition {
color: #fff;
margin-top: $padding;
&.margin_top_none {
margin-top: 0;
}
&.disabled {
color: $color-tip;
}
}
&::after {
position: absolute;
content: '';
background-color: #f8f8f8;
left: 0;
top: 50%;
transform: translate(0, -50%);
height: 30rpx;
width: 15rpx;
border-radius: 0 30rpx 30rpx 0;
}
}
.item-btn {
position: relative;
width: 160rpx;
min-width: 160rpx;
align-self: center;
view {
width: 100rpx;
height: 50rpx;
border-radius: $border-radius;
line-height: 50rpx;
margin: auto;
text-align: center;
background-image: linear-gradient(to right, var(--bg-color), var(--bg-color-shallow));
color: var(--btn-text-color);
;
font-size: $font-size-tag;
&.disabled {
background: $color-line !important;
color: $color-tip !important;
}
}
&::after {
position: absolute;
content: '';
background-color: #f8f8f8;
right: 0;
top: 50%;
transform: translate(0, -50%);
height: 30rpx;
width: 15rpx;
border-radius: 30rpx 0 0 30rpx;
}
}
.item-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: $padding;
overflow: hidden;
background-repeat-x: no-repeat;
background-repeat-y: repeat;
.use_time {
padding: $padding 0;
border-top: 2rpx dashed #cccccc;
font-size: $font-size-activity-tag;
color: #909399;
}
.use_title {
font-size: $font-size-base;
font-weight: 500;
padding: $padding 0;
.title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.max_price {
font-weight: 400;
font-size: $font-size-tag;
}
}
}
}
}
.truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
</style>

253
pages_tool/member/footprint.vue Normal file
View File

@@ -0,0 +1,253 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="head-wrap" v-if="storeToken">
<text @click="manageFootprint">{{ manage ? '完成' : '管理' }}</text>
</view>
<mescroll-uni ref="mescroll" @getData="getListData" top="110rpx" v-if="storeToken">
<block slot="list">
<view class="goods-list single-column" v-if="goodsList.length">
<view v-for="(item, index) in goodsList" :key="index">
<view class="datetime">{{ datetime(item) }}</view>
<view class="goods-item" :class="{ manage: manage }">
<view class="checkbox-wrap" v-if="manage" @click="singleElection(item)">
<text class="iconfont" :class="$util.inArray(item.id, idArr) != -1 ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></text>
</view>
<view class="goods-img" @click="toDetail(item)">
<image :src="goodsImg(item.goods_image)" mode="widthFix" @error="imgError(index)"></image>
<view class="color-base-bg goods-tag" v-if="goodsTag(item) != ''">{{ goodsTag(item) }}</view>
</view>
<view class="info-wrap" @click="toDetail(item)">
<view class="name-wrap">
<view class="goods-name">{{ item.goods_name }}</view>
</view>
<view class="lineheight-clear">
<view class="discount-price">
<text class="unit price-style small">{{ $lang('common.currencySymbol') }}</text>
<text class="price price-style large">{{ parseFloat(showPrice(item)).toFixed(2).split('.')[0] }}</text>
<text class="unit price-style small">.{{ parseFloat(showPrice(item)).toFixed(2).split('.')[1] }}</text>
</view>
<view class="member-price-tag" v-if="item.member_price && item.member_price == showPrice(item)">
<image :src="$util.img('public/uniapp/index/VIP.png')" mode="widthFix"></image>
</view>
<view class="member-price-tag" v-else-if="item.promotion_type == 1">
<image :src="$util.img('public/uniapp/index/discount.png')" mode="widthFix"></image>
</view>
</view>
<view class="pro-info">
<view class="delete-price font-size-activity-tag color-tip price-font" v-if="showMarketPrice(item)">
<text class="unit">{{ $lang('common.currencySymbol') }}</text>
<text>{{ showMarketPrice(item) }}</text>
</view>
<view class="sale font-size-activity-tag color-tip" v-if="item.sale_show">已售{{ item.sale_num }}{{ item.unit ? item.unit : '件' }}</view>
</view>
</view>
</view>
</view>
</view>
<view v-else><ns-empty text="暂无浏览过的商品"></ns-empty></view>
<view class="bottom-wrap" v-if="goodsList.length && manage">
<view class="all-election" @click="allElection">
<view class="iconfont" :class="isAll ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
<text>全选</text>
</view>
<view class="action-btn"><button type="primary" @click="deleteFootprint()" class="delete" :class="{ disabled: selected }">删除</button></view>
</view>
</block>
</mescroll-uni>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
var dateList = [];
export default {
data() {
return {
goodsList: [],
current: -1,
manage: false,
idArr: [],
mescroll: null,
isSub: false,
};
},
onShow() {
if (this.storeToken) {
if (this.$refs.mescroll) this.$refs.mescroll.refresh();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/footprint');
});
}
},
computed: {
selected() {
return this.idArr.length == 0;
},
isAll() {
return this.idArr.length == this.goodsList.length;
}
},
methods: {
getListData(mescroll) {
this.mescroll = mescroll;
this.$api.sendRequest({
url: '/api/goodsbrowse/page',
data: {
page: mescroll.num,
page_size: mescroll.size
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.goodsList = []; //如果是第一页需手动制空列表
this.goodsList = this.goodsList.concat(newArr); //追加新数据
dateList = [];
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
longpress(index) {
this.current = index;
},
deleteFootprint() {
if (this.idArr.length == 0) {
this.$util.showToast({
title: '请选择要删除的数据！'
});
return;
}
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/api/goodsbrowse/delete',
data: {
id: this.idArr.toString()
},
success: res => {
this.isSub = false;
if (res.code >= 0) {
this.idArr = [];
this.mescroll.resetUpScroll();
} else {
this.$util.showToast({
title: res.message
});
}
}
});
},
manageFootprint() {
this.manage = !this.manage;
dateList = [];
},
goodsImg(imgStr) {
let imgs = imgStr.split(',');
return imgs[0]
? this.$util.img(imgs[0], {
size: 'mid'
})
: this.$util.getDefaultImage().goods;
},
imgError(index) {
dateList = [];
this.goodsList[index].goods_image = this.$util.getDefaultImage().goods;
},
showPrice(data) {
let price = data.discount_price;
if (data.member_price && parseFloat(data.member_price) < parseFloat(price)) price = data.member_price;
return price;
},
showMarketPrice(item) {
if (item.market_price_show) {
let price = this.showPrice(item);
if (item.market_price > 0) {
return item.market_price;
} else if (parseFloat(item.price) > parseFloat(price)) {
return item.price;
}
}
return '';
},
goodsTag(data) {
return data.label_name || '';
},
datetime(item) {
let date = new Date();
date.setTime(item.browse_time * 1000);
let y = date.getFullYear();
let m = date.getMonth() + 1;
m = m < 10 ? '0' + m : m;
let d = date.getDate();
d = d < 10 ? '0' + d : d;
var dateTime = y + '/' + m + '/' + d;
if (this.$util.inArray(dateTime, dateList) == -1) {
dateList.push(dateTime);
return dateTime;
}
},
singleElection(item) {
if (this.$util.inArray(item.id, this.idArr) == -1) {
this.idArr.push(item.id);
} else {
this.idArr.splice(this.$util.inArray(item.id, this.idArr), 1);
}
dateList = [];
},
allElection() {
if (this.idArr.length != this.goodsList.length) {
this.idArr = [];
let ids = [];
this.goodsList.forEach(item => {
ids.push(item.id);
});
this.idArr = ids;
} else {
this.idArr = [];
}
dateList = [];
},
toDetail(e) {
this.$util.redirectTo('/pages/goods/detail', {
goods_id: e.goods_id
});
}
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.$refs.mescroll.refresh();
}
}
}
};
</script>
<style lang="scss">
/deep/ .empty {
margin-top: 0 !important;
}
@import './public/css/footprint.scss';
</style>

334
pages_tool/member/info.vue Normal file
View File

@@ -0,0 +1,334 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view v-if="indent == 'all' && memberInfo" class="info-wrap">
<!-- 头像@click="headImage" -->
<view class="info-list-cell info-item info-list-con" hover-class="cell-hover">
<text class="cell-tit">头像</text>
<view class="info-list-head cell-tip">
<image :src="memberInfo.headimg ? $util.img(memberInfo.headimg) : $util.getDefaultImage().head" @error="memberInfo.headimg = $util.getDefaultImage().head" mode="aspectFill" />
</view>
<text style="margin-right: 20rpx;"></text>
</view>
<!-- 账号 -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" v-if="memberInfo.is_edit_username == 1" @click="modifyInfo('username')">
<text class="cell-tit">账号</text>
<text class="cell-tip">{{ memberInfoformData.number }}</text>
<text class="cell-more"></text>
</view> -->
<!-- 账号 -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" v-else>
<text class="cell-tit">{{ $lang('account') }}</text>
<text class="cell-tip cell-tip1">{{ memberInfoformData.number }}</text>
</view> -->
<!-- 昵称 -->
<view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('name')">
<text class="cell-tit">昵称</text>
<text class="cell-tip">{{ memberInfoformData.nickName }}</text>
<text class="cell-more"></text>
</view>
<!-- 真实姓名 -->
<view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('realName')">
<text class="cell-tit">姓名</text>
<text class="cell-tip">{{ memberInfoformData.realName }}</text>
<text class="cell-more"></text>
</view>
<!-- 性别 -->
<view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('sex')">
<text class="cell-tit">性别</text>
<text class="cell-tip">{{ memberInfoformData.sex }}</text>
<text class="cell-more"></text>
</view>
<!-- 生日 -->
<view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('birthday')">
<text class="cell-tit">生日</text>
<text class="cell-tip">{{ memberInfoformData.birthday }}</text>
<text class="cell-more"></text>
</view>
<!-- 手机号 -->
<view class="info-list-cell info-list-con" @click="modifyInfo('mobile')">
<text class="cell-tit">手机号</text>
<text v-if="memberInfoformData.user_tel == ''" class="cell-tip">密码</text>
<text v-else class="cell-tip">{{ memberInfoformData.mobile }}</text>
<text class="cell-more"></text>
</view>
<!-- 密码 -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('password')">
<text class="cell-tit">密码</text>
<text class="cell-more"></text>
</view> -->
<!-- 支付密码 -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('paypassword')">
<text class="cell-tit">{{ $lang('paypassword') }}</text>
<text class="cell-more"></text>
</view> -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" @click="modifyInfo('address')">
<text class="cell-tit">所在地址</text>
<text class="cell-tip" v-if="memberInfo.full_address">{{ memberInfo.full_address }}
{{ memberInfo.address }}</text>
<text class="cell-tip" v-else>去设置</text>
<text class="cell-more"></text>
</view> -->
<!-- 注销 -->
<view class="info-list-cell info-list-con" hover-class="cell-hover" @click="cancellation()">
<text class="cell-tit">注销账号</text>
<text class="cell-more"></text>
</view>
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover" @click="cancellation()" v-if="addonIsExist.membercancel && memberConfig.is_enable == 1">
<text class="cell-tit">注销账号</text>
<text class="cell-more"></text>
</view> -->
<!-- <view class="info-list-cell info-list-con" hover-class="cell-hover">
<text class="cell-tit">版本号</text>
<text class="cell-tip cell-tip1">{{ version }}</text>
</view> -->
<!-- 语言 -->
<!-- <view class="info-list-cell info-item info-list-con" hover-class="cell-hover" @click="modifyInfo('language')">
<text class="cell-tit">{{ $lang('lang') }}</text>
<text class="cell-tip">{{ langList[langIndex].name }}</text>
<text class="cell-more"></text>
</view> -->
<!-- 退出登录 -->
<!-- <view class="info-list-cell log-out-btn" >
<text class="cell-tit color-base-text"></text>
</view> -->
<!-- #ifdef H5 -->
<!-- #endif -->
<view class="save-item" @click="logout">
<button type="primary">退出登录</button>
</view>
</view>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
import uniNavBar from '@/pages_tool/components/uni-nav-bar/uni-nav-bar.vue';
import info from './public/js/info.js';
export default {
components: {
uniNavBar
},
data() {
return {
version: ''
};
},
mixins: [info],
onLoad(data) {
this.version = this.$config.version;
},
};
</script>
<style lang="scss">
.info-head {
.head-nav {
width: 100%;
height: var(--status-bar-height);
background: #ffffff;
}
.head-nav.active {
padding-top: 40rpx;
}
}
.captcha {
width: 170rpx;
height: 50rpx;
}
.info-list-cell {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 30rpx;
position: relative;
line-height: 50rpx;
background-color: #fff;
&:first-child {
padding: 28rpx 30rpx;
}
.cell-tit {
white-space: nowrap;
}
.cell-tip1 {
margin-right: 40rpx;
}
&.log-out-btn {
margin-top: 40rpx;
.cell-tit {
margin: auto;
}
}
.info-list-head {
border: 1rpx solid $color-line;
width: 82rpx;
height: 82rpx;
border-radius: 50%;
}
.info-list-head image {
max-width: 100%;
max-height: 100%;
}
// #ifdef MP
&.info-item {
margin-top: 16rpx;
}
// #endif
&.info-list-con~&.info-list-con:after {
content: '';
position: absolute;
left: 30rpx;
right: 30rpx;
top: 0;
border-bottom: 1rpx solid $color-line;
}
.cell-tip {
margin-left: auto;
color: $color-tip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 470rpx;
}
.cell-more {
margin-left: 10rpx;
width: 32rpx;
height: 100%;
}
.cell-more:after {
content: '';
display: block;
width: 12rpx;
height: 12rpx;
border: 2rpx solid darken($color-line, 20%) {
right-color: transparent;
bottom-color: transparent;
}
transform: rotate(135deg);
}
}
.edit-info-box {
margin-top: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 40rpx;
min-height: 50rpx;
background-color: #fff;
.info-name {
width: 150rpx;
font-size: $font-size-base;
text-align: left;
}
.info-content {
width: 0;
font-size: $font-size-base;
padding: 0;
flex: 1;
}
.dynacode {
margin: 0;
padding: 0 10rpx;
width: 250rpx;
height: 60rpx;
font-size: $font-size-base;
line-height: 60rpx;
color: #fff;
word-break: break-all;
}
.edit-sex-list {
display: flex;
label {
display: flex;
margin-left: 30rpx;
align-items: center;
}
}
uni-radio .uni-radio-input {
width: 32rpx;
height: 32rpx;
}
}
.set-pass-tips {
padding: 20rpx 20rpx 0 20rpx;
}
.input-len {
width: 500rpx !important;
}
.save-item {
margin: 50rpx auto;
button {
font-size: 30rpx;
}
}
.empty {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: $padding;
box-sizing: border-box;
justify-content: center;
padding-top: 80rpx;
.empty_img {
width: 63%;
height: 450rpx;
image {
width: 100%;
height: 100%;
}
}
.iconfont {
font-size: 190rpx;
color: $color-tip;
line-height: 1.2;
}
button {
min-width: 300rpx;
margin-top: 100rpx;
height: 70rpx;
line-height: 70rpx;
font-size: $font-size-base;
}
}
</style>

394
pages_tool/member/info_edit.vue Normal file
View File

@@ -0,0 +1,394 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<template v-if="memberInfo">
<!-- 修改用户名 -->
<view v-if="indent == 'username'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">用户名</text>
<input class="uni-input info-content input-len" type="text" maxlength="30" placeholder="请输入" v-model="formData.username" />
</view>
<view class="color-tip font-size-goods-tag set-pass-tips">用户名仅可修改一次，请谨慎设置</view>
<view class="save-item" @click="save('username')">
<button type="primary">保存</button>
</view>
</view>
<!-- 修改昵称 -->
<view v-if="indent == 'name'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">昵称</text>
<input class="uni-input info-content input-len" type="text" maxlength="30" placeholder="请输入" v-model="formData.nickName" />
</view>
<view class="save-item" @click="save('name')">
<button type="primary">保存</button>
</view>
</view>
<!-- 修改真实姓名 -->
<view v-if="indent == 'realName'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">姓名</text>
<input class="uni-input info-content input-len" type="text" maxlength="30" placeholder="请输入" v-model="formData.realName" />
</view>
<view class="save-item" @click="save('realName')">
<button type="primary">保存</button>
</view>
</view>
<!-- 修改性别 -->
<view v-if="indent == 'sex'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">性别</text>
<radio-group @change="radioChange" class="edit-sex-list">
<label class="uni-list-cell uni-list-cell-pd" v-for="(item, index) in items" :key="item.value">
<view>
<radio :color="themeStyle.main_color" :value="item.value" :checked="index === formData.sex" />
</view>
<view>{{ item.name }}</view>
</label>
</radio-group>
</view>
<view class="save-item" @click="save('sex')">
<button type="primary">保存</button>
</view>
</view>
<!-- 修改生日 -->
<view v-if="indent == 'birthday'" class="edit-info edit-birthday-list">
<view class="edit-info-box">
<text class="info-name">生日</text>
<picker mode="date" :value="formData.birthday" :start="startDate" :end="endDate" @change="bindDateChange">
<view class="uni-input">{{ formData.birthday ? formData.birthday : '请选择生日' }}</view>
</picker>
</view>
<view class="save-item" @click="save('birthday')">
<button type="primary">保存</button>
</view>
</view>
<!-- 修改密码 -->
<view v-if="indent == 'password'" class="edit-info">
<block v-if="memberInfo.password == 0 && memberInfo.mobile == ''">
<view class="empty">
<view class="empty_img">
<image :src="$util.img('public/uniapp/common/common-empty.png')" mode="aspectFit"></image>
</view>
<view class="color-tip margin-top margin-bottom">请先绑定手机再执行该操作</view>
<button type="primary" size="mini" class="mini button color-base-bg" @click="modifyInfo('mobile')">立即绑定</button>
</view>
</block>
<block v-else>
<view class="edit-info-box" v-if="memberInfo.password">
<text class="info-name">原密码</text>
<input class="uni-input info-content input-len" type="password" maxlength="30" placeholder="请输入" v-model="formData.currentPassword" />
</view>
<block v-else>
<view class="edit-info-box">
<text class="info-name">新密码</text>
<input class="uni-input info-content" type="number" maxlength="4" placeholder="请输入" v-model="formData.mobileVercode" />
<image :src="captcha.img" class="captcha" @click="getCaptcha"></image>
</view>
<view class="edit-info-box">
<text class="info-name">再次输入</text>
<input class="uni-input info-content" type="number" maxlength="6" placeholder="请输入" v-model="formData.mobileDynacode" />
<button type="primary" class="dynacode" @click="passwordMoblieCode()">{{ formData.mobileCodeText }}</button>
</view>
<view class="color-tip font-size-goods-tag set-pass-tips">
点击“获取动态码”，将会向您已绑定的手机号{{ memberInfoformData.mobile | mobile }}发送验证码</view>
</block>
<view class="edit-info-box">
<text class="info-name">新密码</text>
<input class="uni-input info-content input-len" type="password" maxlength="30" placeholder="请输入" v-model="formData.newPassword" />
</view>
<view class="edit-info-box">
<text class="info-name">再次输入</text>
<input class="uni-input info-content input-len" type="password" maxlength="30" placeholder="请输入" v-model="formData.confirmPassword" />
</view>
<view class="save-item" @click="save('password')">
<button type="primary">保存</button>
</view>
</block>
</view>
<!-- 修改手机号 -->
<view v-if="indent == 'mobile'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">手机号</text>
<input class="uni-input info-content" type="number" maxlength="11" placeholder="请输入" v-model="formData.mobile" />
</view>
<view class="edit-info-box">
<text class="info-name">验证码</text>
<input class="uni-input info-content" type="number" maxlength="4" placeholder="请输入" v-model="formData.mobileVercode" />
<image :src="captcha.img" class="captcha" @click="getCaptcha"></image>
</view>
<view class="edit-info-box">
<text class="info-name">短信验证码</text>
<input class="uni-input info-content" type="number" maxlength="6" placeholder="请输入" v-model="formData.mobileDynacode" />
<button type="primary" class="dynacode" @click="bindMoblieCode()">{{ formData.mobileCodeText }}</button>
</view>
<view class="save-item" @click="save('mobile')">
<button type="primary">保存</button>
</view>
</view>
<!-- 绑定手机号 -->
<view v-if="indent == 'bind_mobile'" class="edit-info">
<view class="save-item bind-mobile">
<button type="primary" open-type="getPhoneNumber" @getphonenumber="mobileAuth">一键授权绑定</button>
</view>
<view class="save-item bind-mobile">
<button type="primary" @click="manualBinding">手动绑定</button>
</view>
</view>
<view v-if="indent == 'address'" class="edit-info">
<view class="edit-info-box">
<text class="info-name">所在地区</text>
<pick-regions :default-regions="defaultRegions" select-arr="3" @getRegions="handleGetRegions">
<text class="select-address " :class="{'color-tip': !formData.fullAddress }">
{{ formData.fullAddress ? formData.fullAddress : '请选择省市区县' }}
</text>
</pick-regions>
</view>
<view class="edit-info-box">
<text class="info-name">详细地址</text>
<input class="uni-input info-content" type="text" placeholder="详细地址" v-model="formData.address" />
</view>
<view class="save-item" @click="save('address')">
<button type="primary">保存</button>
</view>
</view>
</template>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
import uniNavBar from '@/pages_tool/components/uni-nav-bar/uni-nav-bar.vue';
import pickRegions from '@/components/pick-regions/pick-regions.vue';
import info from './public/js/info.js';
import auth from '@/common/js/auth.js';
export default {
components: {
uniNavBar,
pickRegions
},
data() {
return {};
},
onLoad(data) {
if (data.type) this.indent = data.type;
},
mixins: [info, auth],
filters: {
mobile(mobile) {
return mobile.substring(0, 4 - 1) + '****' + mobile.substring(6 + 1);
}
}
};
</script>
<style lang="scss">
.info-head {
.head-nav {
width: 100%;
height: var(--status-bar-height);
background: #ffffff;
}
.head-nav.active {
padding-top: 40rpx;
}
}
.captcha {
width: 170rpx;
height: 50rpx;
}
.info-list-cell {
display: flex;
justify-content: space-between;
align-items: center;
padding: 24rpx 30rpx;
position: relative;
line-height: 50rpx;
background-color: #fff;
&:first-child {
padding: 28rpx 30rpx;
}
.cell-tip1 {
margin-right: 40rpx;
}
&.log-out-btn {
margin-top: 40rpx;
.cell-tit {
margin: auto;
}
}
.info-list-head {
border: 1rpx solid $color-line;
width: 82rpx;
height: 82rpx;
border-radius: 50%;
}
.info-list-head image {
max-width: 100%;
max-height: 100%;
}
// #ifdef MP
&.info-item {
margin-top: 16rpx;
}
// #endif
&.info-list-con~&.info-list-con:after {
content: '';
position: absolute;
left: 30rpx;
right: 30rpx;
top: 0;
border-bottom: 1rpx solid $color-line;
}
.cell-tip {
margin-left: auto;
color: $color-tip;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 470rpx;
}
.cell-more {
margin-left: 10rpx;
width: 32rpx;
height: 100%;
}
.cell-more:after {
content: '';
display: block;
width: 12rpx;
height: 12rpx;
border: 2rpx solid darken($color-line, 20%) {
right-color: transparent;
bottom-color: transparent;
}
transform: rotate(135deg);
}
}
.edit-info-box {
margin-top: 20rpx;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 40rpx;
min-height: 50rpx;
background-color: #fff;
.info-name {
width: 150rpx;
font-size: $font-size-base;
text-align: left;
}
.info-content {
flex: 1;
width: 0;
font-size: $font-size-base;
padding: 0;
}
.dynacode {
margin: 0;
padding: 0 10rpx;
width: 250rpx;
height: 60rpx;
font-size: $font-size-base;
line-height: 60rpx;
word-break: break-all;
}
.edit-sex-list {
display: flex;
label {
display: flex;
margin-left: 30rpx;
align-items: center;
}
}
uni-radio .uni-radio-input {
width: 32rpx;
height: 32rpx;
}
.pick-regions {
flex: 1;
}
}
.set-pass-tips {
padding: 20rpx 20rpx 0 20rpx;
}
.input-len {
width: 500rpx !important;
}
.save-item {
margin-top: 50rpx;
button {
font-size: 30rpx;
}
}
.bind-mobile {
button {
border-radius: 60rpx;
}
}
.empty {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: $padding;
box-sizing: border-box;
justify-content: center;
padding-top: 80rpx;
.empty_img {
width: 63%;
height: 450rpx;
image {
width: 100%;
height: 100%;
}
}
.iconfont {
font-size: 190rpx;
color: $color-tip;
line-height: 1.2;
}
button {
min-width: 300rpx;
margin-top: 100rpx;
height: 70rpx;
line-height: 70rpx;
font-size: $font-size-base;
}
}
</style>

276
pages_tool/member/invite_friends.vue Normal file
View File

@@ -0,0 +1,276 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view v-if="info" style="background-color: #fff;">
<view class="invite_adv">
<image :src="$util.img('public/uniapp/member/invite/top_bg.png')" mode="widthFix"></image>
<view class="desc" @click="openRulePopup" v-if="info.remark != ''">
<text class="iconfont icon-bangzhu"></text>
活动说明
</view>
<image class="font" :src="$util.img('public/uniapp/member/invite/top_font.png')" mode="widthFix"/>
<view class="time">
活动时间：{{ $util.timeStampTurnTime(info.start_time, 1) }}至{{ $util.timeStampTurnTime(info.end_time, 1) }}
</view>
<view class="btn" :style="{ 'background-image': 'url(' + $util.img('public/uniapp/member/invite/top_btn.png') + ')' }" @click="openSharePopup">立即邀请</view>
</view>
<view class="content invite-list">
<view class="title">我的好友</view>
<block v-if="inviteList.length > 0">
<view class="invitelist_block">
<view class="invitelist">
<view class="list-item" v-for="(item, index) in inviteList">
<view class="img color-base-border">
<image mode="aspectFit" :src="item.headimg == '' ? $util.img($util.getDefaultImage().head) : $util.img(item.headimg)"/>
</view>
<view class="list-left">
<view class="info">
<view class="name font-size-tag">{{ item.source_member_nickname }}</view>
<view class="time font-size-activity-tag color-tip">
{{ $util.timeStampTurnTime(item.create_time) }}
</view>
</view>
<view class="prize color-base-text font-size-activity-tag">
<block v-if="item.balance > 0">{{ item.balance }}元现金红包</block>
<block v-if="(item.point > 0 || item.coupon_num) && item.balance > 0">+</block>
<block v-if="item.point > 0">{{ parseInt(item.point) }}积分</block>
<block v-if="item.point > 0 && item.balance > 0 && item.coupon_num > 0">+
</block>
<block v-if="item.coupon_num > 0">{{ item.coupon_num }}张优惠券</block>
</view>
</view>
</view>
</view>
<view class="more_invite color-tip font-size-tag " @click="moreList" v-if="isClick && total_num > page">
查看更多
<text class="iconfont icon-iconangledown"></text>
</view>
<view class="more_invite color-tip font-size-tag " @click="moreList" v-if="!isClick && inviteList.length > 5 && total_num <= page">没有更多数据了</view>
</view>
</block>
<block v-else>
<view class="empty">
<view class="tip">您还没有邀请到新朋友哦</view>
<view class="tip">邀请好友，赚取好礼。赶紧去试试吧~</view>
</view>
</block>
</view>
<view class="content">
<view class="title">邀请好友奖励</view>
<view class="invite_active">
<view class="list">
<view class="item" v-if="$util.inArray('balance', info.type) != -1">
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill"/>
<view class="desc">
<view class="price">
<text class="font-size-base">{{ $lang('common.currencySymbol') }}</text>
<text>{{ info.balance }}</text>
</view>
<view class="type">现金红包</view>
</view>
</view>
<view class="item" v-if="$util.inArray('point', info.type) != -1">
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill"/>
<view class="desc">
<view class="price">
<text>{{ parseInt(info.point) }}</text>
</view>
<view class="type">积分</view>
</view>
</view>
<view class="item margin_right_none" v-if="$util.inArray('coupon', info.type) != -1">
<image :src="$util.img('public/uniapp/member/invite/coupon_bg.png')" mode="aspectFill">
</image>
<view class="desc">
<view class="price">
<text>{{ info.coupon.split(',').length }}</text>
张
</view>
<view class="type">优惠券</view>
</view>
</view>
</view>
<view class="desc">
<view class="title_desc color-tip">分享给好友，让好友通过你的分享链接进入并注册登录，可获得以下奖励：</view>
<view class="desc_list">
<view class="" v-if="$util.inArray('balance', info.type) != -1">
<text>●</text>
可得{{ info.balance }}元红包奖励
</view>
<view class="" v-if="$util.inArray('point', info.type) != -1">
<text>●</text>
可得{{ info.point }}积分
</view>
<view class="" v-if="$util.inArray('coupon', info.type) != -1">
<text>●</text>
可得{{ info.coupon.split(',').length }}张优惠券
</view>
<view class="" v-if="info.max_fetch == 0">
<text>●</text>
可得奖励不受限制
</view>
<view class="" v-else>
<text>●</text>
奖励上限为{{ info.max_fetch }}人
</view>
</view>
</view>
</view>
</view>
<view class="content">
<view class="title">如何邀请好友</view>
<view class="invite_active">
<view class="step">
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/fenxiang.png')" mode="aspectFit"/>
</view>
<view class="text">分享链接给好友</view>
</view>
<view>
<image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou"></image>
</view>
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/shouji.png')" mode="aspectFit"/>
</view>
<view class="text">好友进入</view>
</view>
<view>
<image :src="$util.img('public/uniapp/member/invite/jiantou.png')" class="jiantou"></image>
</view>
<view>
<view class="img">
<image :src="$util.img('public/uniapp/member/invite/hongbao.png')" mode="aspectFit"/>
</view>
<view class="text">好友注册成功获得奖励</view>
</view>
</view>
</view>
</view>
<!-- 海报 -->
<view @touchmove.prevent.stop>
<uni-popup ref="posterPopup" type="bottom" class="poster-layer">
<template v-if="poster != '-1'">
<view>
<view class="image-wrap">
<image :src="$util.img(poster)" mode="widthFix" :show-menu-by-longpress="true" />
</view>
<!-- #ifdef MP || APP-PLUS -->
<view class="save" @click="savePoster()">保存图片</view>
<!-- #endif -->
<!-- #ifdef H5 -->
<view class="save">长按保存图片</view>
<!-- #endif -->
</view>
<view class="close iconfont icon-close" @click="closePosterPopup()"></view>
</template>
<view v-else class="msg">{{ posterMsg }}</view>
</uni-popup>
</view>
<!-- 分享弹窗 -->
<view @touchmove.prevent.stop>
<uni-popup ref="sharePopup" type="bottom" class="share-popup">
<view>
<view class="share-title">分享</view>
<view class="share-content">
<!-- #ifdef MP -->
<view class="share-box">
<button class="share-btn" :plain="true" open-type="share">
<view class="iconfont icon-share-friend"></view>
<text>分享给好友</text>
</button>
</view>
<!-- #endif -->
<view class="share-box" @click="openPosterPopup">
<button class="share-btn" :plain="true">
<view class="iconfont icon-pengyouquan"></view>
<text>生成分享海报</text>
</button>
</view>
<!-- #ifdef H5 -->
<view class="share-box" @click="copyUrl">
<button class="share-btn" :plain="true">
<view class="iconfont icon-fuzhilianjie"></view>
<text>复制链接</text>
</button>
</view>
<!-- #endif -->
</view>
<view class="share-footer" @click="closeSharePopup"><text>取消分享</text></view>
</view>
</uni-popup>
</view>
<!-- 弹出规则 -->
<view @touchmove.prevent.stop>
<uni-popup ref="rulePopup" type="bottom">
<view class="tips-layer">
<view class="head" @click="closeRulePopup()">
<view class="title">活动说明</view>
<text class="iconfont icon-close"></text>
</view>
<view class="body">
<view class="detail margin-bottom">{{ info.remark }}</view>
</view>
</view>
</uni-popup>
</view>
</view>
<ns-empty v-else text="暂无相关数据"></ns-empty>
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import inviteFriends from './public/js/invite_friends.js';
export default {
data() {
return {
inviteList: [],
info: null,
page: 1,
page_size: 5,
total_num: 0,
isClick: true,
poster: '-1', //海报
posterMsg: '' //海报错误信息
};
},
onLoad(option) {
this.getBaseInfo();
if (this.storeToken) {
this.getList();
} else {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/invite_friends');
});
}
},
onShow() {},
mixins: [inviteFriends],
onReady() {}
};
</script>
<style lang="scss">
@import './public/css/invite_friends.scss';
</style>
<style scoped>
/deep/ .uni-popup__wrapper.bottom {
border-radius: 24rpx 24rpx 0 0;
}
.poster-layer>>>.uni-popup__wrapper-box {
max-height: initial !important;
}
</style>

381
pages_tool/member/level.vue Normal file
View File

@@ -0,0 +1,381 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="member-level">
<view class="level-top">
<image :src="$util.img('public/uniapp/level/level-top-bg.png')"></image>
</view>
<view class="banner-container">
<view class="memberInfo" v-if="memberInfo">
<image :src="$util.img(memberInfo.headimg)" v-if="memberInfo.headimg" @error="memberInfo.headimg = $util.getDefaultImage().head" mode="aspectFill"></image>
<image :src="$util.getDefaultImage().head" v-else mode="aspectFill"></image>
<view class="member-desc">
<view class="font-size-base">{{ memberInfo.nickname }}</view>
<view class="font-size-activity-tag">当前等级：{{ memberInfo.member_level_name }}</view>
</view>
<view class="growth-rules font-size-tag" @click="growthRules">
<text class="iconfont icon-wenhao font-size-tag"></text>
成长规则
</view>
</view>
<swiper :style="{ width: '100vw', height: '390rpx' }" class="margin-bottom"
:indicator-dots="swiperConfig.indicatorDots" :indicator-color="swiperConfig.indicatorColor"
:indicator-active-color="swiperConfig.indicatorActiveColor" :autoplay="false"
:interval="swiperConfig.interval" :duration="swiperConfig.duration" :circular="swiperConfig.circular"
:previous-margin="swiperConfig.previousMargin" :next-margin="swiperConfig.nextMargin"
@change="swiperChange" @animationfinish="animationfinish" :current="curIndex">
<swiper-item :class="levelList.length == 1 ? 'image-container-box' : ''" v-for="(item, i) in levelList"
:key="i">
<view class="image-container" :class="[
curIndex === 0
? i === listLen - 1
? 'item-left'
: i === 1
? 'item-right'
: 'item-center'
: curIndex === listLen - 1
? i === 0
? 'item-right'
: i === listLen - 2
? 'item-left'
: 'item-center'
: i === curIndex - 1
? 'item-left'
: i === curIndex + 1
? 'item-right'
: 'item-center'
]">
<view class="slide-image" style="background-size: 100% 100%;background-repeat:no-repeat" :style="{
transform: curIndex === i ? 'scale(' + scaleX + ',' + scaleY + ')' : 'scale(1,1)',
transitionDuration: '.3s',
transitionTimingFunction: 'ease'
}">
<image v-if="levelList[curIndex]['level_picture']" :src="$util.img(levelList[curIndex]['level_picture'])"/>
<image v-else :style="{backgroundColor:levelList[curIndex]['bg_color']}"/>
<view class="info">
<view class="level-detail" :style="{color:levelList[curIndex]['level_text_color']}">
{{ levelList[curIndex].level_name }}
<text class="isnow " :style="{color:levelList[curIndex]['level_text_color']}" v-if="levelId == item.level_id">当前等级</text>
</view>
<view class="growr-name" :style="{color:levelList[curIndex]['level_text_color']}">当前成长值</view>
<view class="growr-value" :style="{color:levelList[curIndex]['level_text_color']}">{{ growth }}</view>
<block v-if="levelId == item.level_id">
<block v-if="levelList[curIndex + 1] != undefined">
<ns-progress :progress="levelList[curIndex + 1].rate"></ns-progress>
<view class="residue-growr-value"
:style="{color:levelList[curIndex]['level_text_color']}">
再获得{{ levelList[curIndex + 1].needGrowth > 0 ? levelList[curIndex + 1].needGrowth : 0 }}成长值成为{{
levelList[curIndex + 1].level_name
}}
</view>
</block>
<block v-else>
<view class="residue-growr-value" :style="{color:levelList[curIndex]['level_text_color']}">您现在已经是最高等级</view>
</block>
</block>
<block v-else>
<ns-progress :progress="levelList[curIndex].rate" v-if="levelList[curIndex].needGrowth > 0"></ns-progress>
<view class="residue-growr-value" v-if="levelList[curIndex].needGrowth > 0" :style="{color:levelList[curIndex]['level_text_color']}">
再获得{{ levelList[curIndex].needGrowth }}成长值成为{{ levelList[curIndex].level_name }}
</view>
</block>
</view>
</view>
</view>
</swiper-item>
</swiper>
<view class="member-equity" v-if="levelList[curIndex].is_free_shipping > 0 || levelList[curIndex].consume_discount > 0 || levelList[curIndex].point_feedback > 0">
<view class="equity-title">会员权益</view>
<view class="equity-itme" v-if="levelList[curIndex].is_free_shipping > 0">
<image :src="$util.img('public/uniapp/level/exemption_postage.png')" mode="aspectFit"></image>
<view class="equity-content" :class="{ active: levelList[curIndex].consume_discount > 0 }">
<text>包邮服务</text>
<text class="equity-desc">提供商品包邮服务</text>
</view>
</view>
<view class="equity-itme" v-if="levelList[curIndex].consume_discount > 0">
<image :src="$util.img('public/uniapp/level/consumption_discount.png')" mode="aspectFit"></image>
<view class="equity-content" :class="{ active: levelList[curIndex].point_feedback > 0 }">
<text>享受消费折扣服务</text>
<text class="equity-desc" v-if="levelList[curIndex].is_default == 1">不享受任何消费折扣和其他权益</text>
<text class="equity-desc" v-else>提供{{ levelList[curIndex].consume_discount }}折消费折扣</text>
</view>
</view>
<view class="equity-itme" v-if="levelList[curIndex].point_feedback > 0">
<image :src="$util.img('public/uniapp/level/integral_feedback.png')" mode="aspectFit"></image>
<view class="equity-content">
<text>享受积分回馈服务</text>
<text class="equity-desc">提供{{ levelList[curIndex].point_feedback }}倍积分回馈倍率</text>
</view>
</view>
</view>
<view class="member-gift" v-if="levelList[curIndex].send_balance > 0 || levelList[curIndex].send_balance > 0 || levelList[curIndex].send_coupon">
<view class="gift-title">会员礼包</view>
<view class="gift-itme" v-if="levelList[curIndex].send_point > 0">
<image :src="$util.img('public/uniapp/level/integral.png')" mode="aspectFit"></image>
<view class="gift-content" :class="{ active: levelList[curIndex].send_balance > 0 }">
<text>积分礼包</text>
<text class="gift-desc">赠送{{ levelList[curIndex].send_point }}积分</text>
</view>
</view>
<view class="gift-itme" v-if="levelList[curIndex].send_balance > 0">
<image :src="$util.img('public/uniapp/level/red_packet.png')" mode="aspectFit"></image>
<view class="gift-content" :class="{ active: levelList[curIndex].send_coupon }">
<text>红包礼包</text>
<text class="gift-desc">赠送{{ levelList[curIndex].send_balance }}元红包</text>
</view>
</view>
<view class="gift-itme" v-if="levelList[curIndex].send_coupon" @click="openCoupon(levelList[curIndex].send_coupon)">
<image :src="$util.img('public/uniapp/level/coupon.png')" mode="aspectFit"></image>
<view class="gift-content">
<text>优惠券礼包</text>
<text class="gift-desc">赠送{{ levelList[curIndex].coupon_length }}张优惠券</text>
</view>
</view>
</view>
</view>
<!-- 优惠券 -->
<uni-popup ref="couponPopup" type="bottom">
<view class="coupon-popup-box">
<view class="coupon-popup-title" @click="closeCoupon">
优惠券
<text class="iconfont icon-close"></text>
</view>
<scroll-view class="coupon-popup-content" scroll-y>
<view class="coupon-item" v-for="(item, index) in couponPopList" :key="index">
<view class="coupon-name">
<text class="name">{{ item.coupon_name }}</text>
<text class="desc"></text>
</view>
<view class="coupon-price" v-if="item.type == 'reward'">
<text>{{ item.money }}</text>
元
</view>
<view class="coupon-price" v-if="item.type == 'discount'">
<text>{{ $util.numberFixed(item.discount, 1) }}</text>
折
</view>
</view>
</scroll-view>
</view>
</uni-popup>
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
<loading-cover ref="loadingCover"></loading-cover>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
import nsProgress from '@/pages_tool/components/ns-progress/ns-progress.vue';
import toTop from '@/components/toTop/toTop.vue';
import scroll from '@/common/js/scroll-view.js';
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
nsProgress,
toTop,
uniPopup
},
mixins: [scroll],
data() {
return {
couponPopList: [],
curIndex: 0,
descIndex: 0,
isDescAnimating: false,
scaleX: (634 / 540).toFixed(4),
scaleY: (378 / 330).toFixed(4),
swiperConfig: {
indicatorDots: false,
indicatorColor: 'rgba(255, 255, 255, .4)',
indicatorActiveColor: 'rgba(255, 255, 255, 1)',
interval: 3000,
duration: 300,
circular: false,
previousMargin: '58rpx',
nextMargin: '58rpx'
},
levelList: [{
needGrowth: 0,
growth: 0
}],
levelId: 0,
growth: 0,
nowIndex: 0, //我当前所在等级的index
rule: [] //成长值规则
};
},
computed: {
listLen() {
return this.levelList.length;
},
remark() {
if (this.levelList[this.curIndex]) {
return this.levelList[this.curIndex].remark;
}
},
nextIndex() {
let num = 0;
if (this.curIndex == this.levelList.length - 1) {
return this.curIndex;
} else {
return this.curIndex + 1;
}
}
},
onLoad() {
this.getLevelRule();
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/level');
});
} else {
this.getLevelList();
}
// #ifdef MP-ALIPAY
this.scaleX = 1
this.scaleY = 1
// #endif
},
onShow() {
},
filters: {
rate(index, list, growth) {
let nowGrowth = Number(growth);
let minGrouth = Number(list[index].growth);
if (index == list.length - 1) {
return nowGrowth > minGrouth ? 100 : 0;
} else {
let maxGrouth = Number(list[index + 1].growth);
let num2 = nowGrowth - minGrouth;
let num1 = maxGrouth - minGrouth;
let num = Math.floor((num2 / num1) * 100);
return num > 100 ? 100 : num;
}
}
},
methods: {
swiperChange(e) {
let that = this;
this.curIndex = e.detail.current;
this.isDescAnimating = true;
let timer = setTimeout(function() {
that.descIndex = e.detail.current;
clearTimeout(timer);
}, 150);
},
animationfinish(e) {
this.isDescAnimating = false;
},
getBannerDetail(index) {
uni.showLoading({
title: '将前往详情页面',
duration: 2000,
mask: true
});
},
getLevelList() {
this.$api.sendRequest({
url: '/api/memberlevel/lists',
success: res => {
if (res.data && res.code == 0) {
this.levelList = res.data;
for (var i = 0; i < this.levelList.length; i++) {
if (this.levelList[i].send_coupon) {
this.levelList[i].coupon_length = this.levelList[i].send_coupon.split(',')
.length;
}
}
this.levelId = this.memberInfo.member_level;
this.growth = this.memberInfo.growth;
for (let i = 0; i < this.levelList.length; i++) {
if (this.levelList[i].level_id == this.levelId) {
this.curIndex = i;
this.descIndex = i;
this.nowIndex = i;
break;
}
}
this.levelList.forEach((v, i) => {
if (parseFloat(v.growth) < parseFloat(this.growth)) {
v.needGrowth = 0;
v.rate = 100;
} else {
v.needGrowth = (parseFloat(v.growth) - parseFloat(this.growth))
.toFixed(2);
v.rate = (this.growth / v.growth).toFixed(2) * 100;
}
});
this.levelList.forEach(v => {
if (v.consume_discount) {
v.consume_discount = (v.consume_discount / 10).toFixed(2);
}
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: res.message
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
}
});
},
getLevelRule() {
this.$api.sendRequest({
url: '/api/member/accountrule',
success: res => {
if (res.code == 0 && res.data && res.data.growth) {
this.rule = res.data.growth;
}
}
});
},
growthRules() {
this.$util.redirectTo('/pages_tool/member/level_growth_rules');
},
openCoupon(data) {
this.couponPopList = [];
this.$api.sendRequest({
url: '/coupon/api/coupon/couponbyid',
data: {
id: data
},
success: res => {
if (res.code >= 0) {
this.couponPopList = res.data;
}
}
});
this.$refs.couponPopup.open();
},
closeCoupon() {
this.$refs.couponPopup.close();
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages/member/index');
return true;
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.getLevelList();
}
}
}
};
</script>
<style lang="scss">
@import './public/css/level.scss';
</style>

275
pages_tool/member/level_growth_rules.vue Normal file
View File

@@ -0,0 +1,275 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="member-level">
<view class="grow-explain">
<view class="explain-title">
<image :src="$util.img('public/uniapp/level/growth_that_left.png')" mode="aspectFit"></image>
成长值说明
<image :src="$util.img('public/uniapp/level/growth_that_right.png')" mode="aspectFit"></image>
</view>
<view class="explain-table">
<view class="explain-tr">
<text class="explain-th">等级</text>
<text class="explain-th">成长值</text>
</view>
<view class="explain-tr" v-for="(item, index) in levelList" :key="index">
<text class="explain-td">{{ item.level_name }}</text>
<text class="explain-td">{{ item.growth }}</text>
</view>
</view>
</view>
<view class="grow-value">
<view class="title">
<image :src="$util.img('public/uniapp/level/explain.png')" mode="aspectFit"></image>
<text>什么是成长值</text>
</view>
<view class="content color-tip">成长值是消费者在店铺成为会员后，通过消费计算出来的值。成长值决定会员等级，会员等级越高，所享受的会员权益和会员礼包就越多。</view>
</view>
<view class="acquisition-grow">
<view class="title">
<image :src="$util.img('public/uniapp/level/explain.png')" mode="aspectFit"></image>
<text>如何获得成长值</text>
</view>
<view class="content color-tip">
<text>1、注册会员送x成长值。</text>
<text>2、会员充值到余额送x成长值。</text>
<text>3、会员签到送x成长值。</text>
<text>4、会员消费x元，交易完成即可获得x个成长值。</text>
</view>
</view>
<to-top v-if="showTop" @toTop="scrollToTopNative()"></to-top>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import nsProgress from '@/pages_tool/components/ns-progress/ns-progress.vue';
import toTop from '@/components/toTop/toTop.vue';
import scroll from '@/common/js/scroll-view.js';
export default {
components: {
nsProgress,
toTop
},
mixins: [scroll],
data() {
return {
curIndex: 0,
descIndex: 0,
isDescAnimating: false,
scaleX: (634 / 540).toFixed(4),
scaleY: (378 / 330).toFixed(4),
swiperConfig: {
//type==1时的默认参数
indicatorDots: false,
indicatorColor: 'rgba(255, 255, 255, .4)',
indicatorActiveColor: 'rgba(255, 255, 255, 1)',
interval: 3000,
duration: 300,
circular: false,
previousMargin: '58rpx',
nextMargin: '58rpx'
},
levelList: [{
needGrowth: 0,
growth: 0
}],
levelId: 0,
growth: 0,
nowIndex: 0, //我当前所在等级的index
rule: [] //成长值规则
};
},
computed: {
listLen() {
return this.levelList.length;
},
},
onLoad() {
//会员等级
this.getLevelList();
this.getLevelRule();
},
onShow() {},
filters: {
rate(index, list, growth) {
let nowGrowth = Number(growth);
let minGrouth = Number(list[index].growth);
if (index == list.length - 1) {
return nowGrowth > minGrouth ? 100 : 0;
} else {
let maxGrouth = Number(list[index + 1].growth);
let num2 = nowGrowth - minGrouth;
let num1 = maxGrouth - minGrouth;
let num = Math.floor((num2 / num1) * 100);
return num > 100 ? 100 : num;
}
}
},
methods: {
swiperChange(e) {
let that = this;
this.curIndex = e.detail.current;
this.isDescAnimating = true;
let timer = setTimeout(function() {
that.descIndex = e.detail.current;
clearTimeout(timer);
}, 150);
},
animationfinish(e) {
this.isDescAnimating = false;
},
getBannerDetail(index) {
uni.showLoading({
title: '将前往详情页面',
duration: 2000,
mask: true
});
},
getLevelList() {
this.$api.sendRequest({
url: '/api/memberlevel/lists',
success: res => {
if (res.data && res.code == 0) {
this.levelList = res.data;
this.levelId = this.memberInfo.member_level;
this.growth = this.memberInfo.growth;
for (let i = 0; i < this.levelList.length; i++) {
if (this.levelList[i].level_id == this.levelId) {
this.curIndex = i;
this.descIndex = i;
this.nowIndex = i;
break;
}
}
this.levelList.forEach((v, i) => {
let rate = 0;
if (i != this.levelList.length - 1) {
v.needGrowth = Number(this.levelList[i + 1].growth) - Number(this.growth); //距离下一阶段需要多少成长值
if (v.needGrowth <= 0) {
rate = 100;
} else {
rate = (this.growth / this.levelList[i + 1].growth).toFixed(2) * 100;
}
} else {
v.needGrowth = Number(this.levelList[i].growth) - Number(this.growth); //距离下一阶段需要多少成长值
if (v.needGrowth <= 0) {
rate = 100;
} else {
rate = (this.growth / this.levelList[i].growth).toFixed(2) * 100;
}
}
v.rate = rate;
});
this.levelList.forEach(v => {
if (v.consume_discount) {
v.consume_discount = (v.consume_discount / 10).toFixed(2);
}
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: res.message
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
}
});
},
getLevelRule() {
this.$api.sendRequest({
url: '/api/member/accountrule',
success: res => {
if (res.code == 0 && res.data && res.data.growth) {
this.rule = res.data.growth;
}
}
});
}
}
};
</script>
<style lang="scss">
page {
background-color: #fff;
}
.grow-explain {
padding: 30rpx;
margin-top: 30rpx;
.explain-title {
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
image {
margin: 0 20rpx;
width: 54rpx;
height: 18rpx;
}
margin-bottom: 40rpx;
}
.explain-tr {
display: flex;
}
.explain-th {
padding: 10rpx 30rpx;
&~.explain-th {
border-left: 4rpx solid #fff;
}
flex: 1;
background-color: #f6f1e4;
}
.explain-td {
padding: 10rpx 30rpx;
&~.explain-td {
border-left: 4rpx solid #fff;
}
height: 60rpx;
line-height: 60rpx;
flex: 1;
background-color: #fcfbf7;
}
}
.grow-value,
.acquisition-grow {
padding: 0 30rpx 30rpx;
.title {
display: flex;
align-items: center;
image {
width: 30rpx;
height: 30rpx;
margin-right: 10rpx;
}
}
.content {
font-size: 24rpx;
margin-left: 40rpx;
text {
display: block;
}
}
}
</style>

195
pages_tool/member/modify_face.vue Normal file
View File

@@ -0,0 +1,195 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="nc-modify-content">
<view class="modify">
<view>
<image v-if="newImg == ''" :src="memberImg ? $util.img(memberImg) : $util.getDefaultImage().head" @error="memberImg = $util.getDefaultImage().head" mode="aspectFill"/>
<image v-else :src="$util.img(newImg)" @error="newImg = $util.getDefaultImage().head" mode="aspectFill" />
</view>
</view>
<view class="opection-box">
<block v-if="newImg == ''">
<!-- #ifdef MP-ALIPAY -->
<button type="primary" @click="uploadFace()">点击上传</button>
<!-- #endif -->
<!-- #ifndef MP-ALIPAY -->
<button type="primary" @click="chooseImage()">点击上传</button>
<!-- #endif -->
</block>
<block v-else>
<view class="opec">
<button size="mini" class="mini" type="primary" @click="save()">确认保存</button>
<button size="mini" class="mini" type="primary" @click="chooseImage()">重新上传</button>
</view>
</block>
</view>
<img-cropping selWidth="300" selHeight="300" @upload="myUpload" ref="imgCropping"></img-cropping>
</view>
</template>
<script>
import imgCropping from '@/pages_tool/components/img-cropping/cropping.vue';
export default {
data() {
return {
memberImg: '',
newImg: '',
imgurl: ''
};
},
components: {
imgCropping
},
onShow() {
if (!this.storeToken) {
this.$util.redirectTo(
'/pages_tool/login/login', {
back: '/pages_tool/member/modify_face'
},
'redirectTo'
);
return;
}
this.memberImg = this.memberInfo.headimg;
this.imgurl = this.memberInfo.headimg;
},
methods: {
chooseImage() {
this.$refs.imgCropping.fSelect();
},
//上传返回图片
myUpload(rsp) {
let app_type = 'h5';
let app_type_name = 'H5';
// #ifdef MP
app_type = 'weapp';
app_type_name = 'weapp';
// #endif
uni.request({
url: this.$config.baseUrl + '/api/upload/headimgBase64',
method: 'POST',
data: {
app_type: app_type,
app_type_name: app_type_name,
images: rsp.base64
},
header: {
'content-type': 'application/x-www-form-urlencoded;application/json'
},
dataType: 'json',
responseType: 'text',
success: res => {
if (res.data.code == 0) {
this.newImg = res.data.data.pic_path;
this.imgurl = res.data.data.pic_path;
}
},
fail: () => {
this.$util.showToast({
title: '头像上传失败'
});
}
});
},
previewImage() {
uni.previewImage({
current: 0,
urls: this.images
});
},
save() {
this.$api.sendRequest({
url: '/api/member/modifyheadimg',
data: {
headimg: this.imgurl
},
success: res => {
if (res.code == 0) {
this.memberInfo.headimg = this.imgurl;
this.$store.commit('setMemberInfo', this.memberInfo);
this.$util.showToast({
title: '头像修改成功'
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/member/info', {}, 'redirectTo');
}, 2000);
} else {
this.$util.showToast({
title: res.message
});
}
}
});
},
uploadFace() {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
success: (chooseImageRes) => {
const tempFilePaths = chooseImageRes.tempFilePaths;
this.$api.upload({
url: '/api/upload/headimg',
filePath: tempFilePaths[0],
fileType: 'image',
success: (res) => {
if (res.code) {
this.newImg = res.data.pic_path;
this.imgurl = res.data.pic_path;
}
}
})
}
});
}
}
};
</script>
<style lang="scss">
page {
overflow: hidden;
}
.modify {
position: relative;
padding-top: 50rpx;
view {
width: 500rpx;
height: 500rpx;
margin: 0 auto;
overflow: hidden;
background-color: #ffffff;
border: 4rpx solid #ffffff;
border-radius: 100%;
image {
width: 100%;
height: 100%;
}
}
}
.opection-box {
margin-top: 50rpx;
}
.opec {
width: 100%;
padding: 0 10%;
box-sizing: border-box;
display: flex;
justify-content: space-between;
button {
padding: 0 30rpx;
height: 60rpx;
line-height: 60rpx;
border: none;
}
}
</style>

279
pages_tool/member/pay_password.vue Normal file
View File

@@ -0,0 +1,279 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<view class="tips" v-if="step != 0">请输入6位支付密码，建议不要使用重复或连续数字</view>
<view class="tips" v-else>验证码已发送至{{ memberInfo.mobile | mobile }}请在下方输入4位数字验证码</view>
<view class="password-wrap">
<myp-one :maxlength="step == 0 ? 4 : 6" :is-pwd="step != 0" @input="input" ref="input" :auto-focus="true"></myp-one>
<view v-show="step == 0" class="dynacode" :class="dynacodeData.seconds == 120 ? 'color-base-text' : 'color-tip'" @click="sendMobileCode">
{{ dynacodeData.codeText }}
</view>
<view class="action-tips" v-show="step == 0">输入短信验证码</view>
<view class="action-tips" v-show="step == 1">请设置支付密码</view>
<view class="action-tips" v-show="step == 2">请再次输入</view>
<view class="btn color-base-bg color-base-border" :class="{ disabled: !isClick }" @click="confirm">确认</view>
</view>
</view>
</template>
<script>
import mypOne from '@/pages_tool/components/myp-one/myp-one.vue';
export default {
components: {
mypOne
},
data() {
return {
isClick: false,
step: 1,
key: '', // 短信key
code: '', // 动态码
password: '', // 密码
repassword: '', // 重复密码
isSub: false, // 防重复提交
back: '', // 返回页
dynacodeData: {
seconds: 120,
timer: null,
codeText: '获取验证码',
isSend: false
}
};
},
onLoad(option) {
if (option.back) this.back = option.back;
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
if (this.memberInfo.mobile == '') {
uni.showModal({
title: '提示',
content: '设置支付密码需要先绑定手机号,是否立即绑定?',
success: res => {
if (res.confirm) {
this.$util.redirectTo('/pages_tool/member/info', {
action: 'mobile',
back: this.back
}, 'redirectTo');
} else {
if (this.back) this.$util.redirectTo(this.back);
else this.$util.redirectTo('/pages/member/index');
}
}
});
} else {
this.step = 0;
this.sendMobileCode();
}
}
},
methods: {
input(val) {
if (this.step == 0) {
if (val.length == 4) {
this.isClick = true;
this.code = val;
} else {
this.isClick = false;
}
} else if (this.step == 1) {
if (val.length == 6) {
this.isClick = true;
this.password = val;
} else {
this.isClick = false;
}
} else {
if (val.length == 6) {
this.isClick = true;
this.repassword = val;
} else {
this.isClick = false;
}
}
},
confirm() {
if (this.isClick) {
if (this.step == 0) {
this.$api.sendRequest({
url: '/api/member/verifypaypwdcode',
data: {
code: this.code,
key: this.key
},
success: res => {
if (res.code == 0) {
this.$refs.input.clear();
this.isClick = false;
this.step = 1;
} else {
this.$util.showToast({
title: res.message
});
}
}
});
} else if (this.step == 1) {
this.$refs.input.clear();
this.isClick = false;
this.step = 2;
} else {
if (this.password == this.repassword) {
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/api/member/modifypaypassword',
data: {
key: this.key,
code: this.code,
password: this.password
},
success: res => {
if (res.code >= 0) {
this.$util.showToast({
title: '修改成功'
});
setTimeout(() => {
if (this.back) this.$util.redirectTo(this.back, {},
'redirectTo');
else this.$util.redirectTo('/pages/member/index');
}, 2000);
} else {
this.initInfo();
this.$util.showToast({
title: res.message
});
}
}
});
} else {
this.$util.showToast({
title: '两次输入的密码不一致',
success: res => {
this.initInfo();
}
});
}
}
}
},
initInfo() {
this.isClick = false;
this.step = 1;
this.password = '';
this.repassword = '';
this.oldpassword = '';
this.isSub = false;
this.$refs.input.clear();
},
/**
* 发送手机动态码
*/
sendMobileCode() {
if (this.dynacodeData.seconds != 120) return;
if (this.dynacodeData.isSend) return;
this.dynacodeData.isSend = true;
this.$api.sendRequest({
url: '/api/member/paypwdcode',
success: res => {
this.dynacodeData.isSend = false;
if (res.code >= 0) {
this.key = res.data.key;
if (this.dynacodeData.seconds == 120 && this.dynacodeData.timer == null) {
this.dynacodeData.timer = setInterval(() => {
this.dynacodeData.seconds--;
this.dynacodeData.codeText = this.dynacodeData.seconds + 's后可重新获取';
}, 1000);
}
} else {
this.$util.showToast({
title: res.message
});
}
},
fail: () => {
this.$util.showToast({
title: 'request:fail'
});
this.dynacodeData.isSend = false;
}
});
}
},
filters: {
mobile(mobile) {
return mobile.substring(0, 4 - 1) + '****' + mobile.substring(6 + 1);
}
},
watch: {
'dynacodeData.seconds': {
handler(newValue, oldValue) {
if (newValue == 0) {
clearInterval(this.dynacodeData.timer);
this.dynacodeData = {
seconds: 120,
timer: null,
codeText: '获取动态码',
isSend: false
};
}
},
immediate: true,
deep: true
}
}
};
</script>
<style lang="scss">
.container {
width: 100vw;
height: 100vh;
background: #fff;
.tips {
width: 60%;
margin: 0 auto;
text-align: center;
padding-top: 100rpx;
}
.password-wrap {
width: 80%;
margin: 0 auto;
margin-top: 40rpx;
.action-tips {
text-align: center;
font-weight: 600;
margin-top: 80rpx;
}
.dynacode {
line-height: 1;
margin-top: 20rpx;
font-size: $font-size-tag;
}
.btn {
margin: 0 auto;
margin-top: 30rpx;
height: 80rpx;
line-height: 80rpx;
border-radius: $border-radius;
color: #fff;
text-align: center;
&.disabled {
background: #ccc !important;
border-color: #ccc !important;
color: #fff;
}
}
}
}
</style>

161
pages_tool/member/point.vue Normal file
View File

@@ -0,0 +1,161 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="point">
<!-- #ifdef MP-WEIXIN -->
<view class="custom-navbar" :style="{
'padding-top': menuButtonBounding.top + 'px',
'height': menuButtonBounding.height + 'px'
}"
>
<view class="navbar-wrap">
<text class="iconfont icon-back_light back" @click="$util.redirectTo('/pages/member/index')"></text>
<view class="navbar-title">
我的积分
</view>
</view>
</view>
<!-- #endif -->
<view class="head-wrap" :style="{ background: 'url(' + $util.img('public/uniapp/point/point_bg.png') + ') no-repeat right bottom/ auto 340rpx, linear-gradient(314deg, #F16914 0%, #FEAA4C 100%)' }">
<view class="point price-font">{{ pointInfo.point }}</view>
<view class="title">当前积分</view>
<view class="flex-box">
<view class="flex-item">
<view class="num price-font">{{ pointInfo.totalPoint }}</view>
<view class="font-size-tag">累计积分</view>
</view>
<view class="flex-item">
<view class="num price-font">{{ pointInfo.totalConsumePoint }}</view>
<view class="font-size-tag">累计消费</view>
</view>
<view class="flex-item">
<view class="num price-font">{{ pointInfo.todayPoint }}</view>
<view class="font-size-tag">今日获得</view>
</view>
</view>
</view>
<view class="menu-wrap">
<view class="menu-item" @click="$util.redirectTo('/pages_tool/member/point_detail')">
<view class="icon">
<image :src="$util.img('public/uniapp/point/point_detail_icon.png')" mode="widthFix"></image>
</view>
<text class="title">积分明细</text>
</view>
<view class="menu-item" @click="$util.redirectTo('/pages_promotion/point/list')">
<view class="icon">
<image :src="$util.img('public/uniapp/point/point_shop.png')" mode="widthFix"></image>
</view>
<text class="title">积分商城</text>
</view>
</view>
<!--
<view class="task-wrap">
<view class="title">做任务赚积分</view>
<view class="task-item" @click="toSign">
<view class="icon"><text class="iconfont icon-qiandao1"></text></view>
<view class="wrap">
<view class="title">每日签到</view>
<view class="desc color-tip font-size-tag">连续签到可获得更多积分</view>
</view>
<view class="btn">去签到</view>
</view>
<view class="task-item" @click="$util.redirectTo('/pages/index/index')">
<view class="icon"><text class="iconfont icon-shangpin"></text></view>
<view class="wrap">
<view class="title">购买商品</view>
<view class="desc color-tip font-size-tag">购买商品可获得积分</view>
</view>
<view class="btn">去下单</view>
</view>
</view> -->
<ns-login ref="login"></ns-login>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
pointInfo: {
point: 0,
totalPoint: 0,
totalConsumePoint: 0,
todayPoint: 0
},
menuButtonBounding: {} // 小程序胶囊属性
};
},
onShow() {
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/point');
});
} else {
this.getMemberPoint();
}
},
onLoad() {
// #ifdef MP
this.menuButtonBounding = uni.getMenuButtonBoundingClientRect();
// #endif
},
methods: {
toSign() {
this.$util.redirectTo('/pages_tool/member/signin');
},
getMemberPoint() {
this.$api.sendRequest({
url: '/api/memberaccount/point',
data: {
},
success: res => {
if (res.code == 0) {
this.pointInfo.point = parseInt(res.data.point);
this.pointInfo.totalPoint = parseInt(res.data.point_all);
this.pointInfo.totalConsumePoint = parseInt(res.data.point_use);
this.pointInfo.todayPoint = parseInt(res.data.point_today);
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
/**
* 获取充值提现配置
*/
getMemberrechargeConfig() {
this.$api.sendRequest({
url: '/memberrecharge/api/memberrecharge/config',
success: res => {
if (res.code >= 0 && res.data) {
this.memberrechargeConfig = res.data;
}
}
});
}
},
onBackPress(options) {
if (options.from === 'navigateBack') {
return false;
}
this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
return true;
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.getMemberPoint();
}
}
}
};
</script>
<style lang="scss">
@import './public/css/point.scss';
</style>

342
pages_tool/member/point_detail.vue Normal file
View File

@@ -0,0 +1,342 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<!-- <view class="tab color-bg">
<view class="tab-left">
<picker mode="date" :value="searchType.date" @change="bindDateChange" fields="month">
<view class="uni-input">
{{ date }}
<text class="iconfont icon-iconangledown"></text>
</view>
</picker>
</view>
<view class="tab-right">
<picker @change="bindPickerChange" :value="pointIndex" :range="pointType" class="picker" range-key="label">
<text class="desc uni-input">{{ pointType[pointIndex].label }}</text>
<text class="iconfont icon-iconangledown"></text>
</picker>
</view>
</view> -->
<mescroll-uni @getData="getData" class="member-point" ref="mescroll">
<view slot="list">
<block v-if="dataList.length">
<view class="detailed-wrap">
<view class="cont">
<view class="detailed-item" v-for="(item, index) in dataList" :key="index">
<view class="info" @click="toFromDetail(item)">
<view class="event">{{ item.type_name }}</view>
<view class="time-box">
<text class="time color-tip">{{ $util.timeStampTurnTime(item.create_time) }}</text>
</view>
</view>
<view class="num color-base-text" v-if="item.account_data > 0">+{{ parseInt(item.account_data) }}</view>
<view class="num " v-else>{{ parseInt(item.account_data) }}</view>
</view>
</view>
</view>
</block>
<block v-else>
<view class="cart-empty"><ns-empty></ns-empty></view>
</block>
</view>
</mescroll-uni>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
const currentDate = this.getDate({
format: true
});
return {
memberAccount: {
point: 0
},
dataList: [],
date: currentDate,
searchType: {
from_type: 0,
date: ''
},
pointType: [
{
label: '全部',
value: '0'
}
], //积分类型
pointIndex: 0,
related_id: 0
};
},
onShow() {
if (!this.storeToken) {
this.$util.redirectTo(
'/pages_tool/login/login',
{
back: '/pages_tool/member/point'
},
'redirectTo'
);
}
},
onLoad(option) {
if (option.related_id) this.related_id = option.related_id ? option.related_id : 0;
if (option.from_type) this.searchType.from_type = option.from_type;
this.getPointType();
},
methods: {
bindDateChange: function(e) {
var temp = e.target.value;
var tempArr = temp.split('-');
this.date = tempArr[0] + '年' + tempArr[1] + '月';
this.searchType.date = e.target.value;
this.$refs.mescroll.refresh();
},
getDate(type) {
const date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
if (type === 'start') {
year = year - 60;
} else if (type === 'end') {
year = year + 2;
}
month = month > 9 ? month : '0' + month;
day = day > 9 ? day : '0' + day;
return `${year}年${month}月`;
},
bindPickerChange(e) {
this.pointIndex = e.detail.value;
this.searchType.from_type = this.pointType[this.pointIndex].value;
this.$refs.mescroll.refresh();
},
//获取分类类型
getPointType() {
var temp = [],
that = this;
this.$api.sendRequest({
url: '/api/memberaccount/fromType',
success: res => {
for (var index in res.point) {
var obg = {};
obg.label = res.point[index].type_name;
obg.value = index;
that.pointType.push(obg);
}
}
});
},
toList() {
this.$util.redirectTo('/pages_promotion/point/list');
},
toOrderList() {
this.$util.redirectTo('/pages_promotion/point/order_list');
},
toFromDetail(item) {
if (item.from_type == 'pointexchange') {
this.$api.sendRequest({
url: '/pointexchange/api/order/info',
data: {
order_id: item.type_tag
},
success: res => {
if (res.code >= 0) {
var data = res.data;
if (data.type == 1 && data.relate_order_id) {
switch (data.delivery_type) {
case 'store':
this.$util.redirectTo('/pages/order/detail_pickup', {
order_id: data.relate_order_id
});
break;
case 'local':
this.$util.redirectTo('/pages/order/detail_local_delivery', {
order_id: data.relate_order_id
});
break;
default:
this.$util.redirectTo('/pages/order/detail', {
order_id: data.relate_order_id
});
}
} else {
this.$util.redirectTo('/pages/order/detail_point', {
order_id: data.order_id
});
}
}
}
});
} else if (item.from_type == 'pointcash') {
this.$util.redirectTo('/pages/order/detail', {
order_id: item.type_tag
});
} else if (item.from_type == 'memberconsume') {
// this.$util.redirectTo('/pages/order/detail', {
// order_id: item.type_tag
// });
} else if (item.from_type == 'pointexchangerefund' && parseInt(item.type_tag) != 0) {
this.$util.redirectTo('/pages/order/detail_point', {
order_id: item.type_tag
});
} else if (item.from_type == 'refund' && parseInt(item.type_tag) != 0) {
this.$util.redirectTo('/pages/order/detail', {
order_id: item.type_tag
});
}
},
//获得列表数据
getData(mescroll) {
this.$api.sendRequest({
url: '/api/memberaccount/page',
data: {
page_size: mescroll.size,
page: mescroll.num,
account_type: 'point',
from_type: this.searchType.from_type,
date: this.searchType.date,
related_id: this.related_id
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) {
this.dataList = []; //如果是第一页需手动制空列表
this.related_id = 0;
}
this.dataList = this.dataList.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
}
}
};
</script>
<style lang="scss">
/deep/ .fixed {
position: relative;
top: 0;
}
.tab {
position: fixed;
top: 0;
width: 100%;
z-index: 10;
display: flex;
justify-content: space-between;
height: 80rpx;
background-color: $color-bg;
view {
flex: 1;
text-align: center;
line-height: 80rpx;
text {
margin-left: 10rpx;
font-size: $font-size-base;
}
}
.tab-left{
display: flex;
padding-left: 30rpx;
}
.tab-right{
display: flex;
justify-content: flex-end;
padding-right: 40rpx;
}
}
.cart-empty {
margin-top: 208rpx !important;
}
.detailed-wrap {
background: #fff;
position: relative;
z-index: 9;
padding-top: 20rpx;
.head {
display: flex;
height: 90rpx;
& > view {
flex: 1;
text-align: left;
padding: 0 $padding;
line-height: 90rpx;
}
}
.cont {
background: #fff;
width: 100%;
margin: 0 auto;
.detailed-item {
padding: 30rpx 0 32rpx;
margin: 0 32rpx;
border-bottom: 2rpx solid $color-line;
position: relative;
box-sizing: border-box;
&:last-of-type {
border-bottom: none;
}
.info {
padding-right: 180rpx;
.event {
font-size: $font-size-base;
line-height: 1.3;
font-weight: 500;
}
.time-box {
line-height: 1;
margin-top: 24rpx;
}
.time {
font-size: $font-size-activity-tag;
color: $color-tip;
}
}
.num {
width: 160rpx;
position: absolute;
right: 17rpx;
top: 50%;
transform: translateY(-50%);
text-align: right;
font-size: $font-size-toolbar;
font-weight: 500;
}
}
}
}
</style>

212
pages_tool/member/public/css/balance.scss Normal file
View File

@@ -0,0 +1,212 @@
.custom-navbar {
width: 100vw;
padding-bottom: 20rpx;
position: fixed;
left: 0;
top: 0;
z-index: 100;
background: unset;
// #ifdef MP-WEIXIN
background-size: 100% 380rpx;
// #endif
.navbar-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.navbar-title {
color: #fff;
font-size: 32rpx;
font-weight: 600;
}
.back {
position: absolute;
color: #fff;
left: 30rpx;
font-size: 40rpx;
}
}
.custom-navbar-block {
padding-bottom: 20rpx;
}
.head-wrap {
// width: 100vw;
background-size: 100%;
padding: 32rpx 28rpx;
box-sizing: border-box;
// border-radius: 0 0 100% 100%/0 0 70rpx 70rpx;
overflow: hidden;
margin: 24rpx 28rpx;
border-radius: 24rpx;
// #ifdef MP-WEIXIN
padding-top: 160rpx;
// #endif
height: 352rpx;
.title {
text-align: left;
line-height: 1;
color: #F6F6F6;
margin-bottom: 24rpx;
}
.balance {
color: var(--btn-text-color);
text-align: left;
line-height: 1;
margin-bottom: 20rpx;
// font-size: 64rpx;
font-size: 80rpx;
line-height: 112rpx;
font-weight: 500 !important;
font-family: PingFang SC;
}
.flex-box {
display: flex;
margin-top: 56rpx;
.flex-item {
flex: 1;
.num {
font-size: 34rpx;
margin-bottom: 20rpx;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
view {
text-align: left;
color: #F6F6F6;
line-height: 1;
}
}
}
.btns{
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
position: relative;
gap: 22rpx;
margin-top: 32rpx;
.btn{
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 80rpx;
box-sizing: border-box;
font-size: 32rpx;
-webkit-flex-shrink: 0;
flex-shrink: 0;
text-align: center;
font-family: PingFang SC;
border-radius: 180rpx;
background: transparent;
color: #fff;
font-style: normal;
font-weight: 500;
line-height: normal;
border: 2rpx solid #fff;
:nth-child(2) {
background: #fff;
color: #4285f8;
}
}
.recharge{
background: #fff;
color: #4285f8;
}
}
}
.menu-wrap {
border-radius: 20rpx;
margin: 0 24rpx;
padding: 0 24rpx;
background: #fff;
// transform: translateY(-90rpx);
.menu-item {
display: flex;
align-items: center;
padding: 4rpx 0;
.icon {
height: 80rpx;
border-radius: 20rpx;
display: flex;
align-items: center;
color: #fff;
margin-right: 20rpx;
.iconfont {
font-size: 46rpx;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(135deg, #FE7849 0%, #FF1959 100%);
}
}
.title {
font-size: 28rpx;
color: #333333;
flex: 1;
}
.iconright {
font-size: 28rpx;
}
}
}
.action {
position: fixed;
width: 100vw;
left: 0;
bottom: 0;
padding-bottom: 100rpx;
view {
width: calc(100vw - 64rpx);
height: 80rpx;
line-height: 80rpx;
border-radius: 80rpx;
margin: 0 auto 30rpx auto;
text-align: center;
color: #fff;
font-size: 32rpx;
}
.recharge-withdraw {
background: #FF4646;
}
.withdraw {
border: 4rpx solid #FF4646;
box-sizing: border-box;
line-height: 72rpx;
color: #FF4646;
}
}

670
pages_tool/member/public/css/card.scss Normal file
View File

@@ -0,0 +1,670 @@
.member-level {
width: 100%;
min-height: 100vh;
position: relative;
}
.level-top {
width: 100%;
position: relative;
image {
width: 100%;
height: 460rpx;
position: absolute;
}
}
.banner-container {
width: 100vw;
position: relative;
left: 0;
top: 0;
.memberInfo {
width: 100%;
height: 140rpx;
padding: 40rpx 40rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
image {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
border: 4rpx solid #ffffff;
box-sizing: border-box;
}
.growth-rules {
position: absolute;
display: flex;
align-items: center;
color: #fff;
right: 40rpx;
font-size: 24rpx;
z-index: 10;
.iconfont{
margin-right: 10rpx;
}
}
.member-desc {
width: calc(100% - 20rpx - 100rpx);
height: 100%;
padding: 16rpx 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
view {
font-weight: bold;
line-height: 1;
color: #ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.expire-time {
color: #ccc;
font-weight: normal;
margin-top: 10rpx;
}
}
}
.demand {
width: 100%;
padding: 0 $padding;
box-sizing: border-box;
.demand-title {
font-size: $font-size-toolbar;
font-weight: bold;
line-height: 1;
display: flex;
align-items: center;
image {
width: 39rpx;
height: 35rpx;
margin-right: 10rpx;
}
}
.demand-info {
padding: 10rpx 24rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-top: 27rpx;
border-radius: 10rpx;
justify-content: space-between;
height: 150rpx;
background: #ffffff;
.info-title {
display: flex;
justify-content: space-between;
align-items: center;
text {
&:nth-child(1) {
color: #000;
font-size: $font-size-tag;
}
&:nth-child(2) {
color: #959595;
}
}
}
progress {
margin-top: 39rpx;
}
.info-size {
display: flex;
justify-content: space-between;
align-items: center;
font-size: $font-size-tag;
color: #959595;
}
}
}
.uni-swiper-dots {
bottom: 30rpx !important;
}
.image-container {
box-sizing: border-box;
width: 100%;
height: 100%;
display: flex;
image {
width: 100%;
height: 100%;
}
.slide-image {
width: 535rpx;
height: 300rpx;
z-index: 200;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 20rpx;
overflow: hidden;
position: relative;
.bg-border{
width: calc(100% - 40rpx);
height: calc(100% - 40rpx);
position: absolute;
top: 18rpx;
left: 20rpx;
border: 2rpx solid rgba(255, 255, 255, .2);
z-index: 10;
border-radius: 10rpx;
opacity: .5;
}
.growth-rules{
position: absolute;
right: 40rpx;
top: 40rpx;
z-index: 10;
}
.info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: absolute;
left: 0;
bottom: 0;
padding: 30rpx 40rpx;
box-sizing: border-box;
.level-detail {
font-size: 52rpx;
display: flex;
align-items: center;
margin-top: 26rpx;
}
.growr-name {
font-size: 24rpx;
margin-top: 50rpx;
opacity: 0.8;
}
.growr-value {
font-size: 24rpx;
margin-top: 10rpx;
opacity: 0.8;
}
.progress {
margin-top: 30rpx;
}
.residue-growr-value {
text-align: right;
font-size: 24rpx;
margin-top: 10rpx;
}
view {
color: #ffffff;
line-height: 1.3;
}
}
.now_growth {
margin-top: 20rpx;
}
.pic {
display: flex;
justify-content: center;
align-items: center;
image {
width: 160rpx;
}
}
.isnow {
font-size: 20rpx;
color: #fff;
padding: 2rpx;
line-height: 1;
margin-left: 10rpx;
}
}
}
.item-left {
justify-content: flex-end;
padding: 56rpx 26rpx 0 0;
}
.image-container-box .item-left {
justify-content: center;
padding: 56rpx 0 0 0;
}
.item-right {
justify-content: flex-start;
padding: 56rpx 0 0 26rpx;
}
.item-center {
justify-content: center;
padding: 56rpx 0 0 0;
}
.card-content {
background-color: #fff;
border-radius: 10rpx;
padding: 20rpx 30rpx 20rpx;
// padding: 20rpx 30rpx;
margin:$margin-updown $margin-both;
.gift-title {
font-size: 30rpx;
}
.equity-itme {
display: flex;
align-items: center;
image {
width: 60rpx;
height: 60rpx;
margin-right: 30rpx;
}
.equity-content {
padding: 20rpx 0;
line-height: 1;
&.active {
border-bottom: 2rpx solid #e5e5e5;
}
flex: 1;
display: flex;
flex-direction: column;
.equity-desc {
font-size: $font-size-activity-tag;
margin-top: 16rpx;
color: $color-tip;
}
}
}
}
.card-privilege-list{
width: 100%;
flex-wrap: wrap;
display: flex;
justify-content: center;
.card-privilege-item{
width: 33%;
display: inline-block;
margin-top: 0;
text-align: center;
.card-privilege-icon{
width: 60rpx;
height: 60rpx;
text-align: center;
margin: 0 auto;
line-height: 1;
}
.card-privilege-name{
color: $color-title;
font-size: $font-size-sub;
padding-top: 20rpx;
}
.card-privilege-text{
color: $color-tip;
font-size: $font-size-goods-tag;
padding: 0 20rpx;
}
.iconfont {
font-size: 60rpx;
background-image:-webkit-linear-gradient(top,#E3B66B,#F7DAA5);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
.icon-zhekou,.icon-hongbao{
font-size: 54rpx;
}
}
}
.member-gift {
background-color: #fff;
margin: $margin-updown $margin-both;
padding: 20rpx 30rpx;
border-radius: 10rpx;
.gift-title {
font-size: 30rpx;
}
.gift-itme {
display: flex;
align-items: center;
image {
width: 60rpx;
height: 60rpx;
margin-right: 30rpx;
}
.gift-content {
&.active {
border-bottom: 2rpx solid #e5e5e5;
}
padding: 20rpx 0;
line-height: 1;
flex: 1;
display: flex;
flex-direction: column;
.gift-desc {
font-size: 24rpx;
margin-top: 16rpx;
color: #999;
}
}
}
}
.desc-wrap {
box-sizing: border-box;
width: 100%;
height: 98rpx;
padding: 24rpx 66rpx 0;
.title {
width: 100%;
height: 42rpx;
line-height: 42rpx;
color: #222222;
font-size: $font-size-base;
font-family: 'PingFangTC-Regular';
font-weight: 600;
text-align: left;
}
.desc {
margin-top: 4rpx;
width: 100%;
height: 34rpx;
line-height: 34rpx;
color: #999999;
font-size: $font-size-tag;
font-family: 'PingFangTC-Regular';
text-align: left;
}
}
@keyframes descAnimation {
0% {
opacity: 1;
}
25% {
opacity: 0.5;
}
50% {
opacity: 0;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes descAnimation {
0% {
opacity: 1;
}
25% {
opacity: 0.5;
}
50% {
opacity: 0;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
}
.coupon-popup-box {
background-color: #f7f7f7;
.coupon-popup-title {
text-align: center;
font-size: 32rpx;
line-height: 90rpx;
height: 90rpx;
display: block;
font-weight: bold;
position: relative;
border-bottom: 1rpx solid #eeeeee;
}
.iconfont {
position: absolute;
float: right;
right: 44rpx;
font-size: 40rpx;
font-weight: 500;
}
.coupon-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 30rpx;
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 4rpx;
.coupon-name {
flex: 1;
display: flex;
flex-direction: column;
.desc {
margin-top: 20rpx;
font-size: $font-size-tag;
color: #ababab;
}
}
.coupon-price {
color: red;
text {
font-size: 70rpx;
}
}
}
.coupon-popup-content {
max-height: 390rpx;
padding: 20rpx;
box-sizing: border-box;
}
}
.card-content-head{
text-align: center;
color: $color-title;
margin: 20rpx 0;
.line-box{
float: left;
text-align: center;
width: 35%;
margin-top: 26rpx;
.line{
background-color: $color-title;
width: 60rpx;
height: 2rpx;
}
}
.card-content-title{
float: left;
text-align: center;
width: 30%;
font-size: $font-size-base;
color: $color-title;
}
}
.right{
float: right;
}
.clear{
clear: both;
}
.card-time-list{
margin: -7.5rpx;
white-space: nowrap;
overflow-x: scroll;
height: 256rpx;
.card-item-box{
padding: 15rpx;
display: inline-block;
width: 33.3333%;
box-sizing: border-box;
&.small {
width: 32.3%;
}
.card-time-item{
border: 2rpx solid #cccccc;
border-radius: $border-radius;
text-align: center;
padding: 25rpx 0 20rpx;
image{
width: 60rpx;
}
.time-name {
line-height: 1.3;
}
}
.card-time-item.active{
border-color: #E3B66B;
background: rgba(227, 182, 107, .3);
}
.time-price{
font-size: $font-size-tag;
text{
font-size: $font-size-toolbar;
}
.price {
font-weight: bolder;
}
}
}
}
.action-wrap{
height: 140rpx;
&.have-agreement{
height: 190rpx;
}
&.bottom-safe-area {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
}
.action {
position: fixed;
z-index: 5;
left: 0;
bottom: 0;
width: 100vw;
height: 140rpx;
background: #fff;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1);
text-align: right;
line-height: 100rpx;
padding: 0 40rpx;
box-sizing: border-box;
&.have-agreement{
height: 190rpx;
}
.agreement {
text-align: center;
font-size: $font-size-tag;
line-height: 1;
margin-top: 20rpx;
text {
color: #E3B66B;
}
}
&.bottom-safe-area {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.action-btn {
width: 100%;
height: 80rpx;
line-height: 80rpx;
color: #7C5711;
padding: 0 40rpx;
display: inline-block;
text-align: center;
margin: 30rpx 0 0 0;
border-radius: 10rpx;
border: none;
background-image:linear-gradient(to top,#F7DAA5,#E3B66B);
box-sizing: border-box;
}
.title{
margin-right: 6rpx;
}
.bold{
font-weight: bold;
}
}
/* 说明弹框 */
.tips-layer {
background: #fff;
z-index: 999;
height: 40%;
width: 100%;
.head {
position: relative;
}
.title {
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: $font-size-toolbar;
font-weight: 700;
}
text {
position: absolute;
top: 8rpx;
right: 44rpx;
font-size: $font-size-toolbar;
font-weight: 500;
}
.body {
width: 100%;
height: calc(100% - 80rpx);
overflow-y: scroll;
.detail {
padding: 20rpx;
.font-size-base {
margin-bottom: 10rpx;
}
}
}
}

101
pages_tool/member/public/css/collection.scss Normal file
View File

@@ -0,0 +1,101 @@
.lineheight-clear {
line-height: 1;
}
.goods_list {
width: 100%;
padding: $padding 0;
padding-top: 0;
box-sizing: border-box;
.goods_li {
height: 200rpx;
background: #ffffff;
overflow: hidden;
border-radius: $border-radius;
display: flex;
justify-content: space-between;
margin: $margin-updown $margin-both;
padding: 30rpx;
.pic {
width: 200rpx;
height: 200rpx;
box-sizing: border-box;
border-radius: $border-radius;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.goods_info {
flex: 1;
height: 100%;
padding-left: 20rpx;
box-sizing: border-box;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.goods_name {
width: 100%;
height: 80rpx;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.goods_opection {
width: 100%;
height: 80rpx;
display: flex;
justify-content: space-between;
align-items: flex-end;
.right {
display: flex;
align-items: flex-end;
}
.symbol {
font-size: $font-size-tag;
color: var(--price-color);
}
.price {
font-size: $font-size-toolbar;
color: var(--price-color);
}
.cars {
padding: 0rpx 15rpx;
border: 1rpx solid $color-line;
border-radius: 32rpx;
}
.icon {
font-size: $font-size-tag;
}
.alike {
padding: 0rpx 15rpx;
border: 1rpx solid $color-line;
border-radius: 24rpx;
margin-left: 20rpx;
}
}
}
}
.empty {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: $padding;
box-sizing: border-box;
margin-top: 50rpx;
}

223
pages_tool/member/public/css/footprint.scss Normal file
View File

@@ -0,0 +1,223 @@
.empty {
margin-top: 100rpx;
}
.lineheight-clear {
}
.head-wrap {
width: 100vw;
height: 90rpx;
line-height: 90rpx;
background: #fff;
box-sizing: border-box;
padding: 0 30rpx;
text-align: right;
}
.goods-list.single-column {
margin: 0 $margin-both;
.checkbox-wrap {
margin-right: 20rpx;
display: flex;
align-items: center;
.iconfont {
font-size: 40rpx;
color: #ccc;
}
}
.datetime {
line-height: 1.5;
font-size: $font-size-base;
}
.goods-item {
padding: 26rpx;
background: #fff;
border-radius: $border-radius;
display: flex;
position: relative;
margin: $margin-updown 0;
&.first-child {
margin-top: 0;
}
.goods-img {
width: 200rpx;
height: 200rpx;
overflow: hidden;
border-radius: $border-radius;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.goods-tag{
color: #fff;
line-height: 1;
padding: 8rpx 12rpx;
position: absolute;
border-top-left-radius: $border-radius;
border-bottom-right-radius: $border-radius;
top: 26rpx;
left: 26rpx;
font-size: $font-size-goods-tag;
}
.goods-tag-img {
position: absolute;
border-top-left-radius: $border-radius;
width: 80rpx;
height: 80rpx;
top: 26rpx;
left: 26rpx;
z-index: 5;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.info-wrap {
flex: 1;
display: flex;
flex-direction: column;
width: calc(100% - 220rpx);
}
&.manage{
.info-wrap {
width: calc(100% - 280rpx);
}
}
.name-wrap {
flex: 1;
}
.goods-name {
font-size: $font-size-base;
line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height: 68rpx;
}
.introduction {
line-height: 1;
margin-top: 10rpx;
}
.discount-price {
display: inline-block;
font-weight: bold;
line-height: 1;
margin-top: 16rpx;
color: var(--price-color);
.unit {
margin-right: 6rpx;
}
}
.pro-info {
display: flex;
margin-top: auto;
.delete-price {
text-decoration:line-through;
flex: 1;
.unit {
margin-right: 6rpx;
}
}
& > view {
line-height: 1;
&:nth-child(2) {
text-align: right;
}
}
}
.member-price-tag {
display: inline-block;
width: 60rpx;
line-height: 1;
margin-left: 6rpx;
image {
width: 100%;
max-height: 30rpx;
}
}
}
}
.bottom-wrap {
position: fixed;
width: 100vw;
height: 100rpx;
background: #fff;
bottom: var(--window-bottom);
overflow: hidden;
display: flex;
bottom: 0;
z-index: 9;
.all-election {
flex: 1;
height: 100rpx;
position: relative;
display: inline-block;
& > .iconfont {
font-size: 40rpx;
position: absolute;
top: 50%;
left: 30rpx;
transform: translateY(-50%);
}
& > .icon-yuan_checkbox {
color: $color-disabled;
}
& > text {
margin-left: 56rpx;
line-height: 100rpx;
padding-left: 30rpx;
}
}
.action-btn {
flex: 1;
width: 180rpx;
height: 100rpx;
line-height: 100rpx;
border-radius: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: flex-end;
button {
width: 180rpx;
height: 70rpx;
line-height: 70rpx;
}
}
}

363
pages_tool/member/public/css/invite_friends.scss Normal file
View File

@@ -0,0 +1,363 @@
.invite_adv {
position: relative;
image {
height: 100%;
width: 100%;
}
.desc {
position: absolute;
top: 0;
right: 10rpx;
text-align: right;
color: #fff;
padding: 20rpx;
font-size: $font-size-tag;
.title_desc {
font-size: $font-size-tag;
}
.iconfont {
display: inline-block;
color: #fff;
font-size: $font-size-tag;
margin-right: 10rpx;
}
}
.time {
position: absolute;
bottom: 120rpx;
text-align: center;
width: 100%;
color: #fff;
}
.font {
position: absolute;
bottom: 220rpx;
text-align: center;
width: 333rpx;
height: 186rpx;
z-index: 5;
left: calc((100% - 333rpx) / 2);
}
.btn {
position: absolute;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
width: 610rpx;
line-height: 112rpx;
height: 126rpx;
left: calc((100% - 610rpx) / 2);
color: #ff0029;
bottom: -24rpx;
font-size: 36rpx;
font-weight: bold;
}
}
.more_invite {
text-align: center;
padding: 30rpx;
display: flex;
align-items: center;
justify-content: center;
}
.content {
padding: 30rpx 30rpx 0 30rpx;
.title {
font-size: $font-size-toolbar;
color: #000;
font-weight: 500;
}
.empty {
padding: 50rpx;
.tip {
font-size: $font-size-base;
color: #999999;
text-align: center;
}
}
.invitelist_block {
border: 2rpx solid $color-line;
border-radius: $border-radius;
margin-top: $margin-both;
background-color: #fff;
}
.invitelist {
.list-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 30rpx 24rpx;
.img {
width: 70rpx;
height: 70rpx;
border-radius: 70rpx;
border: 2rpx solid;
margin-right: $margin-updown;
overflow: hidden;
image {
width: 100%;
height: 70rpx;
overflow: hidden;
}
}
.list-left {
flex: 1;
.info {
display: flex;
& > view {
flex: 1;
}
.time {
text-align: right;
}
}
}
.prize {
}
}
}
.invite_active {
.list {
display: flex;
margin-top: 37rpx;
.item {
position: relative;
width: 232rpx;
height: 214rpx;
&.margin_right_none {
margin: 0;
}
image {
width: 100%;
height: 100%;
}
.desc {
position: absolute;
top: 0;
text-align: center;
width: 100%;
.price {
text-align: center;
background-image: -webkit-linear-gradient(bottom, #ff2440, #ff7b7b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 30rpx;
font-weight: 500;
line-height: 1;
text {
font-size: 50rpx;
}
}
.type {
font-size: $font-size-tag;
color: #666666;
}
}
}
.item:last-child {
margin-right: 0rpx !important;
}
}
.desc {
color: #999999;
padding: 30rpx 0;
.title {
color: #999999;
font-weight: 400;
}
.desc_list {
view {
color: #999999;
display: flex;
text {
font-size: $font-size-activity-tag;
margin-right: 10rpx;
align-self: center;
}
}
}
}
}
.step {
display: flex;
align-items: center;
margin-top: 80rpx;
padding-bottom: 80rpx;
> view {
text-align: center;
width: 20%;
display: flex;
flex-direction: column;
.img {
width: 56rpx;
height: 56rpx;
margin: auto;
image {
width: 100%;
height: 100%;
}
}
.text {
margin-top: 20rpx;
font-size: $font-size-tag;
color: $color-tip;
}
.jiantou {
width: 40rpx;
height: 24rpx;
margin: auto;
}
}
}
}
.invite-list{
margin-top: 40rpx;
}
.share-popup,
.uni-popup__wrapper-box {
.share-title {
line-height: 60rpx;
font-size: $font-size-toolbar;
padding: 15rpx 0;
text-align: center;
}
.share-content {
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
padding: 15rpx;
.share-box {
flex: 1;
text-align: center;
.share-btn {
margin: 0;
padding: 0;
border: none;
line-height: 1;
height: auto;
text {
margin-top: 20rpx;
font-size: $font-size-tag;
display: block;
color: $color-title;
}
}
.iconfont {
font-size: 80rpx;
line-height: initial;
}
.icon-pengyouquan,.icon-fuzhilianjie,.icon-share-friend {
color: #07c160;
}
}
}
.share-footer {
height: 90rpx;
line-height: 90rpx;
border-top: 2rpx #f5f5f5 solid;
text-align: center;
color: #666;
}
}
.poster-layer {
.generate-poster {
padding: 40rpx 0;
.iconfont {
font-size: 80rpx;
color: #07c160;
line-height: initial;
}
> view {
text-align: center;
&:last-child {
margin-top: 20rpx;
}
}
}
.image-wrap {
width: 70%;
margin: 60rpx auto 40rpx auto;
box-shadow: 0 0 32rpx rgba(100, 100, 100, 0.3);
line-height: 1;
border-radius: 16rpx;
overflow: hidden;
image {
width: 100%;
height: 750rpx;
}
}
.msg {
padding: 40rpx;
}
.save {
text-align: center;
height: 80rpx;
line-height: 80rpx;
}
.close {
position: absolute;
top: 0;
right: 20rpx;
width: 40rpx;
height: 80rpx;
font-size: 50rpx;
}
}
/* 说明弹框 */
.tips-layer {
background: #fff;
z-index: 999;
height: 40%;
width: 100%;
.head {
position: relative;
}
.title {
height: 80rpx;
line-height: 80rpx;
text-align: center;
font-size: $font-size-toolbar;
font-weight: 700;
}
text {
position: absolute;
top: 8rpx;
right: 44rpx;
font-size: $font-size-toolbar;
font-weight: 500;
}
.body {
width: 100%;
height: calc(100% - 80rpx);
overflow-y: scroll;
.detail {
padding: 20rpx 30rpx;
.font-size-base {
margin-bottom: 10rpx;
}
}
}
}

413
pages_tool/member/public/css/level.scss Normal file
View File

@@ -0,0 +1,413 @@
.member-level {
width: 100%;
min-height: 100vh;
position: relative;
}
.level-top {
width: 100%;
position: relative;
image {
width: 100%;
height: 400rpx;
position: absolute;
}
}
.banner-container {
width: 100vw;
position: relative;
left: 0;
top: 0;
.memberInfo {
width: 100%;
height: 140rpx;
padding: 40rpx 30rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
image {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
border: 4rpx solid #ffffff;
box-sizing: border-box;
}
.growth-rules {
position: absolute;
display: flex;
align-items: center;
color: #fff;
right: 40rpx;
font-size: 24rpx;
.iconfont{
margin-right: 10rpx;
}
}
.member-desc {
width: calc(100% - 20rpx - 100rpx);
height: 100%;
padding: 13rpx 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
view {
line-height: 1.4;
color: #ffffff;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
.demand {
width: 100%;
padding: 0 $padding;
box-sizing: border-box;
.demand-title {
font-size: $font-size-toolbar;
font-weight: bold;
line-height: 1;
display: flex;
align-items: center;
image {
width: 39rpx;
height: 35rpx;
margin-right: 10rpx;
}
}
.demand-info {
padding: 10rpx 24rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
margin-top: 27rpx;
border-radius: 10rpx;
justify-content: space-between;
height: 150rpx;
background: #ffffff;
.info-title {
display: flex;
justify-content: space-between;
align-items: center;
text {
&:nth-child(1) {
color: #000;
font-size: $font-size-tag;
}
&:nth-child(2) {
color: #959595;
}
}
}
progress {
margin-top: 39rpx;
}
.info-size {
display: flex;
justify-content: space-between;
align-items: center;
font-size: $font-size-tag;
color: #959595;
}
}
}
.uni-swiper-dots {
bottom: 30rpx !important;
}
.image-container {
box-sizing: border-box;
width: 100%;
height: 100%;
display: flex;
image {
width: 100%;
height: 100%;
}
.slide-image {
width: 535rpx;
height: 300rpx;
z-index: 200;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 20rpx;
overflow: hidden;
position: relative;
.info {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
position: absolute;
left: 0;
bottom: 0;
padding: 30rpx 40rpx;
box-sizing: border-box;
.level-detail {
font-size: $font-size-toolbar;
display: flex;
align-items: center;
}
.growr-name {
font-size: 24rpx;
margin-top: 30rpx;
}
.growr-value {
font-size: 40rpx;
}
.progress {
margin-top: 30rpx;
}
.residue-growr-value {
text-align: right;
font-size: 24rpx;
margin-top: 10rpx;
}
view {
color: #ffffff;
line-height: 1.3;
}
}
.now_growth {
margin-top: 20rpx;
}
.pic {
display: flex;
justify-content: center;
align-items: center;
image {
width: 160rpx;
}
}
.isnow {
font-size: 20rpx;
color: #fff;
padding: 2rpx 4rpx;
line-height: 1;
margin-left: 10rpx;
border: 2rpx solid #fff;
border-radius: 4rpx;
}
}
}
.item-left {
justify-content: flex-end;
padding: 56rpx 26rpx 0 0;
}
.image-container-box .item-left {
justify-content: center;
padding: 56rpx 0 0 0;
}
.item-right {
justify-content: flex-start;
padding: 56rpx 0 0 26rpx;
}
.item-center {
justify-content: center;
padding: 56rpx 0 0 0;
}
.member-equity {
background-color: #fff;
border-radius: 10rpx;
padding: 20rpx 30rpx 20rpx;
// padding: 20rpx 30rpx;
margin:$margin-updown $margin-both;
.gift-title {
font-size: 30rpx;
}
.equity-itme {
display: flex;
align-items: center;
image {
width: 60rpx;
height: 60rpx;
margin-right: 30rpx;
}
.equity-content {
padding: 20rpx 0;
line-height: 1;
&.active {
border-bottom: 2rpx solid #e5e5e5;
}
flex: 1;
display: flex;
flex-direction: column;
.equity-desc {
font-size: $font-size-activity-tag;
margin-top: 16rpx;
color: $color-tip;
}
}
}
}
.member-gift {
background-color: #fff;
margin: $margin-updown $margin-both;
padding: 20rpx 30rpx;
border-radius: 10rpx;
.gift-title {
font-size: 30rpx;
}
.gift-itme {
display: flex;
align-items: center;
image {
width: 60rpx;
height: 60rpx;
margin-right: 30rpx;
}
.gift-content {
&.active {
border-bottom: 2rpx solid #e5e5e5;
}
padding: 20rpx 0;
line-height: 1;
flex: 1;
display: flex;
flex-direction: column;
.gift-desc {
font-size: 24rpx;
margin-top: 16rpx;
color: #999;
}
}
}
}
.desc-wrap {
box-sizing: border-box;
width: 100%;
height: 98rpx;
padding: 24rpx 66rpx 0;
.title {
width: 100%;
height: 42rpx;
line-height: 42rpx;
color: #222222;
font-size: $font-size-base;
font-family: 'PingFangTC-Regular';
font-weight: 600;
text-align: left;
}
.desc {
margin-top: 4rpx;
width: 100%;
height: 34rpx;
line-height: 34rpx;
color: #999999;
font-size: $font-size-tag;
font-family: 'PingFangTC-Regular';
text-align: left;
}
}
@keyframes descAnimation {
0% {
opacity: 1;
}
25% {
opacity: 0.5;
}
50% {
opacity: 0;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes descAnimation {
0% {
opacity: 1;
}
25% {
opacity: 0.5;
}
50% {
opacity: 0;
}
75% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
}
.coupon-popup-box {
background-color: #f7f7f7;
.coupon-popup-title {
text-align: center;
font-size: 32rpx;
line-height: 90rpx;
height: 90rpx;
display: block;
font-weight: bold;
position: relative;
border-bottom: 1rpx solid #eeeeee;
}
.iconfont {
position: absolute;
float: right;
right: 44rpx;
font-size: 40rpx;
font-weight: 500;
}
.coupon-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20rpx 30rpx;
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 4rpx;
.coupon-name {
flex: 1;
display: flex;
flex-direction: column;
.desc {
margin-top: 20rpx;
font-size: $font-size-tag;
color: #ababab;
}
}
.coupon-price {
color: red;
text {
font-size: 70rpx;
}
}
}
.coupon-popup-content {
max-height: 390rpx;
padding: 20rpx;
box-sizing: border-box;
}
}

207
pages_tool/member/public/css/point.scss Normal file
View File

@@ -0,0 +1,207 @@
.custom-navbar {
width: 100vw;
padding-bottom: 20rpx;
position: fixed;
left: 0;
top: 0;
z-index: 100;
background: unset;
// #ifdef MP-WEIXIN
background-size: 100% 380rpx;
// #endif
.navbar-wrap {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
.navbar-title {
color: #fff;
font-size: 32rpx;
font-weight: 600;
}
.back {
position: absolute;
color: #fff;
left: 30rpx;
font-size: 40rpx;
}
}
.custom-navbar-block {
padding-bottom: 20rpx;
}
.head-wrap {
width: 100vw;
background-size: 100%;
padding: 60rpx 68rpx 140rpx 68rpx;
box-sizing: border-box;
border-radius: 0 0 100% 100%/0 0 70rpx 70rpx;
overflow: hidden;
// #ifdef MP-WEIXIN
padding-top: 160rpx;
// #endif
.title {
text-align: left;
line-height: 1;
color: #F6F6F6;
}
.point {
color: var(--btn-text-color);
text-align: left;
line-height: 1;
margin-bottom: 20rpx;
font-size: 64rpx;
}
.flex-box {
display: flex;
margin-top: 56rpx;
.flex-item {
flex: 1;
.num {
font-size: 34rpx;
margin-bottom: 20rpx;
color: #fff;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
view {
text-align: left;
color: #F6F6F6;
line-height: 1;
}
}
}
}
.menu-wrap {
border-radius: 20rpx;
margin: 0 24rpx;
padding: 30rpx;
background: #fff;
display: flex;
transform: translateY(-90rpx);
.menu-item {
flex: 1;
text-align: left;
display: flex;
align-items: center;
.icon {
width: 88rpx;
height: 88rpx;
background: #F3F3F3;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
margin-right: 24rpx;
image {
width: 70%;
}
}
.title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
}
}
}
.task-wrap {
background-color: #fff;
margin: 30rpx 24rpx;
border-radius: 18rpx;
padding: 32rpx;
transform: translateY(-90rpx);
.title {
font-size: 32rpx;
text-align: left;
margin-bottom: 40rpx;
font-weight: bold;
}
.task-item {
border-radius: $border-radius;
background: #fff;
display: flex;
align-items: center;
margin-bottom: 80rpx;
&:last-child {
margin-bottom: 30rpx;
}
.icon {
width: 62rpx;
height: 62rpx;
background: #F3F3F3;
border-radius: 20rpx;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.iconfont {
font-size: 52rpx;
-webkit-background-clip: text !important;
-webkit-text-fill-color: transparent;
background: linear-gradient(135deg, #FE7849 0%, #FF1959 100%);
}
.iconshangpin {
font-size: 48rpx;
}
.wrap {
flex: 1;
padding-left: 26rpx;
.title {
line-height: 1;
font-size: 28rpx;
font-weight: bold;
margin-bottom: 0;
}
.desc {
line-height: 1;
margin-top: 10rpx;
}
}
.btn {
height: 60rpx;
line-height: 60rpx;
border-radius: 60rpx;
text-align: center;
width: 140rpx;
color: #fff;
font-size: 26rpx;
font-weight: 600;
background: linear-gradient(135deg, #FE7849 0%, #FF1959 100%);
}
}
}

80
pages_tool/member/public/js/collection.js Normal file
View File

@@ -0,0 +1,80 @@
export default {
data() {
return {
collectionList: [],
isShowEmpty: false
};
},
methods: {
//跳转至详情页
toDetail(e) {
this.$util.redirectTo("/pages/goods/detail", {
goods_id: e.goods_id
});
},
//请求数据
getData(mescroll) {
this.isShowEmpty = false;
let url = "/api/goodscollect/page"
let array = []
this.$api.sendRequest({
url: url,
data: {
page_size: mescroll.size,
page: mescroll.num,
},
async: false,
}).then((res) => {
let newArr = res.data.list;
for (var i = 0; i < newArr.length; i++) {
newArr[i].composite_score = Math.floor((parseFloat(newArr[i].shop_desccredit) + parseFloat(newArr[i].shop_servicecredit) + parseFloat(newArr[i].shop_deliverycredit)) / 3).toFixed(1);
}
array = array.concat(newArr);
//设置列表数据
if (mescroll.num == 1) this.collectionList = []; //如果是第一页需手动制空列表
this.collectionList = this.collectionList.concat(newArr); //追加新数据
mescroll.endSuccess(array.length);
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
this.isShowEmpty = true;
})
},
//监听下拉刷新，初始化页面数据
listenRefresh(e) {
this.$refs.goodsRecommend.init();
},
//删除某一项
deleteItem(e) {
this.$api.sendRequest({
url: "/api/goodscollect/delete",
data: {
goods_id: e
},
success: res => {
if (res.code == 0) {
this.$util.showToast({
title: "删除成功"
})
let array = this.collectionList;
let newArray = array.filter((v) => {
return v.goods_id != e;
})
this.collectionList = newArray;
} else {
this.$util.showToast({
title: res.message
})
}
}
})
},
imageError(index) {
this.collectionList[index].logo = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
goodsImageError(index) {
this.collectionList[index].sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
}
}
};

1034
pages_tool/member/public/js/info.js Normal file
View File

File diff suppressed because it is too large Load Diff

115
pages_tool/member/public/js/invite_friends.js Normal file
View File

@@ -0,0 +1,115 @@
export default {
methods: {
//获取邀请列表
getList() {
this.$api.sendRequest({
url: '/memberrecommend/api/memberrecommend/lists',
data: {
page: this.page,
page_size: this.page_size
},
success: res => {
this.inviteList = this.inviteList.concat(res.data.list);
this.total_num = res.data.page_count;
}
});
},
moreList() {
this.page++;
this.isClick = false;
if (this.page < this.total_num) {
this.getList();
this.isClick = true;
} else if (this.page == this.total_num) {
this.getList();
}
},
getBaseInfo() {
this.$api.sendRequest({
url: '/memberrecommend/api/memberrecommend/info',
success: res => {
if (res.code == 0) {
this.info = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
}
});
},
openSharePopup() {
this.$refs.sharePopup.open();
},
// 关闭分享弹出层
closeSharePopup() {
this.$refs.sharePopup.close();
},
// 打开规则说明弹出层
openRulePopup() {
this.$refs.rulePopup.open();
},
// 打开规则说明弹出层
closeRulePopup() {
this.$refs.rulePopup.close();
},
copyUrl() {
let text = this.$config.h5Domain + '/pages/index/index';
if (this.memberInf && this.memberInfo.member_id) text += '?source_member=' + this.memberInfo.member_id;
this.$util.copy(text, () => {
this.closeSharePopup();
});
},
// 打开海报弹出层
openPosterPopup() {
this.getPoster();
this.$refs.sharePopup.close();
this.$refs.posterPopup.open();
},
// 关闭海报弹出层
closePosterPopup() {
this.$refs.posterPopup.close();
},
//生成海报
getPoster() {
//活动海报信息
let qrcode_param = {
source_member: this.memberInfo.member_id
};
this.$api.sendRequest({
url: "/memberrecommend/api/memberrecommend/poster",
data: {
page: '/pages/index/index',
qrcode_param: JSON.stringify(qrcode_param)
},
success: res => {
if (res.code == 0) {
this.poster = res.data.path + "?time=" + new Date().getTime();
} else {
this.posterMsg = res.message;
}
}
});
},
savePoster() {
let url = this.$util.img(this.poster);
uni.downloadFile({
url: url,
success: (res) => {
if (res.statusCode === 200) {
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: () => {
this.$util.showToast({
title: "保存成功"
});
},
fail: () => {
this.$util.showToast({
title: "保存失败，请稍后重试"
});
}
});
}
}
});
}
}
}

276
pages_tool/member/public/js/signin.js Normal file
View File

@@ -0,0 +1,276 @@
export default {
data() {
return {
showSignDays: [], // 一共展示的天数
rule: [{}],
hasSign: 0, //今天是否签到
signDaysSeries: 0, //连续签到次数
MonthData: [], //本月日期信息
signList: [],
back: '', //返回页
redirect: '', //返回方式
successTip: {},
startDate: null,
endDate: null,
isActive: "", //判断点击
signState: 1,
headimg: '',
point: 0,
growth: 0,
signPoint: 0,
signGrowth: 0,
rewardRuleDay: [],
cycle: 0,
reward: {}
};
},
onLoad(option) {
setTimeout( () => {
if (!this.addonIsExist.membersignin) {
this.$util.showToast({
title: '商家未开启会员签到',
mask: true,
duration: 2000
});
setTimeout(() => {
this.$util.redirectTo('/pages/index/index');
}, 2000);
}
},1000);
if (option.back) this.back = option.back;
if (option.redirect) this.redirect = option.redirect;
this.getSignState();
},
onShow() {
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/member/signin');
});
return;
}
this.headimg = this.memberInfo.headimg;
this.signDaysSeries = this.memberInfo.sign_days_series;
this.getSignPointData();
this.getSignGrowthData();
this.setPublicShare();
this.getIsSign();
},
methods: {
// 获取签到累积积分
getSignPointData() {
this.$api.sendRequest({
url: '/api/memberaccount/sum',
data: {
account_type: 'point',
from_type: 'signin'
},
success: res => {
if (res.code == 0) {
this.signPoint = res.data;
}
}
});
},
// 获取签到累积成长值
getSignGrowthData() {
this.$api.sendRequest({
url: '/api/memberaccount/sum',
data: {
account_type: 'growth',
from_type: 'signin'
},
success: res => {
if (res.code == 0) {
this.signGrowth = res.data;
}
}
});
},
// 签到是否开启
getSignState() {
this.$api.sendRequest({
url: '/api/membersignin/getSignStatus',
success: res => {
if (res.code == 0) {
this.signState = res.data.is_use;
}
}
});
},
navigateBack() {
if (this.back != '') {
this.$util.redirectTo(this.back, {}, this.redirect);
} else {
this.$util.redirectTo('/pages/member/index');
}
},
//获取rule
getRule() {
this.rewardRuleDay = [];
this.$api.sendRequest({
url: '/api/membersignin/award',
success: res => {
if (res.code == 0) {
this.cycle = res.data.cycle || 0;
this.rule = res.data.reward || [];
let default_point = 0;
if (this.rule.length > 0) {
this.rule.forEach((item, index) => {
if (item.day == 1) {
default_point = item.point;
} else {
this.rewardRuleDay.push(parseInt(item.day));
this.reward[item.day] = item.point;
}
});
}
//展示7天
var showSignDays = [];
var start_day = 1;
var end_day = 7;
var total_day = res.data.cycle;
if (this.signDaysSeries > 5) {
start_day = this.signDaysSeries - 5;
}
if (total_day >= (this.signDaysSeries + 1)) {
end_day = this.signDaysSeries + 1;
}
if (this.signDaysSeries <= 5) {
end_day = 8 - start_day;
}
if ((end_day - start_day) < 7 && total_day >= start_day + 6) {
end_day = start_day + 6;
}
if (total_day == this.signDaysSeries) {
start_day = this.signDaysSeries - 6;
end_day = this.signDaysSeries;
}
for (let i = 1; i <= res.data.cycle; i++) {
if (i >= start_day && i <= end_day) {
showSignDays.push({
day: i,
is_last: 0,
point: default_point
})
}
}
if (showSignDays && showSignDays.length) {
showSignDays[showSignDays.length - 1]['is_last'] = 1;
}
for (let i in showSignDays) {
let item = showSignDays[i];
if (this.$util.inArray(item.day, this.rewardRuleDay) != -1) {
showSignDays[i]['point'] = parseInt(this.reward[item.day]) + parseInt(default_point);
}
}
this.showSignDays = showSignDays;
this.$refs.loadingCover.hide();
}
}
});
},
//判断当前是否签到
getIsSign() {
this.$api.sendRequest({
url: '/api/membersignin/issign',
success: res => {
if (res.code == 0) {
this.hasSign = res.data;
this.getRule();
this.getSignPointData();
this.getSignGrowthData();
}
}
});
},
//签到
sign() {
if (this.signState == 0) {
this.$util.showToast({
title: '签到未开启'
})
}
if (!this.hasSign && this.signState == 1) {
this.$api.sendRequest({
url: '/api/membersignin/signin',
success: res => {
if (res.code == 0) {
this.successTip = res.data;
this.$refs.uniPopup.open()
this.getRule();
this.getSignPointData();
this.getSignGrowthData();
this.hasSign = 1;
this.signDaysSeries = this.signDaysSeries + 1;
} else {
this.$util.showToast({
title: res.message
})
}
}
});
}
},
close() {
this.$refs.uniPopup.close()
},
/**
* 设置公众号分享
*/
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/member/signin';
this.$util.setPublicShare({
title: '签到有礼',
desc: '天天签到，积分好礼送不停',
link: shareUrl,
imgUrl: ''
},
res => {
// console.log('公众号分享成功');
// this.share();
}
);
},
},
computed: {
pointTomorrow: function() {
var signDaysSeries = this.signDaysSeries + 1;
var point = this.rule[0].point ? parseInt(this.rule[0].point) : 0;
for (let i = 1; i < this.rule.length; i++) {
let reward = this.rule[i];
if (reward.day == signDaysSeries && reward.point) point += parseInt(reward.point);
}
return point;
},
showDay: function() {
return parseInt(this.signDaysSeries / 7) * 7 + 1;
}
},
/**
* 自定义分享内容
*/
onShareAppMessage() {
var path = '/pages_tool/member/signin';
return {
title: '签到有礼，天天签到，积分好礼送不停',
imageUrl: '',
path: path,
success: res => {},
fail: res => {},
complete: res => {}
};
}
};

171
pages_tool/member/withdrawal.vue Normal file
View File

@@ -0,0 +1,171 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni @getData="getData" class="member-point">
<view slot="list">
<block v-if="dataList.length">
<view class="detailed-wrap">
<view class="cont">
<view class="detailed-item" v-for="(item, index) in dataList" :key="index" @click="toDetail(item.id)">
<view class="info">
<view class="event">{{ item.transfer_type_name }}</view>
<view>
<text class="time">{{ $util.timeStampTurnTime(item.apply_time) }}</text>
</view>
</view>
<view class="right-wrap">
<view class="num color-base-text">￥{{ item.apply_money }}</view>
<view class="status-name">{{ item.status_name }}</view>
</view>
</view>
</view>
</view>
</block>
<block v-else>
<ns-empty :isIndex="false" text="暂无提现记录"></ns-empty>
</block>
</view>
</mescroll-uni>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
dataList: []
};
},
onShow() {
if (!this.storeToken) {
this.$util.redirectTo(
'/pages_tool/login/login',
{
back: '/pages_tool/member/point'
},
'redirectTo'
);
}
},
methods: {
//获得列表数据
getData(mescroll) {
this.$api.sendRequest({
url: '/api/memberwithdraw/page',
data: {
page_size: mescroll.size,
page: mescroll.num
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.dataList = []; //如果是第一页需手动制空列表
this.dataList = this.dataList.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
toDetail(id) {
this.$util.redirectTo('/pages_tool/member/withdrawal_detail', {
id: id
});
}
}
};
</script>
<style lang="scss">
.account-box {
width: 100vw;
padding: 30rpx;
box-sizing: border-box;
padding-bottom: 10rpx;
display: flex;
justify-content: space-between;
align-items: center;
.tit {
color: #fff;
line-height: 1;
}
.iconmn_jifen_fill {
font-size: 60rpx;
color: #fff;
}
.point {
color: #fff;
font-size: 60rpx;
margin-left: 10rpx;
}
}
.detailed-wrap {
.head {
display: flex;
height: 90rpx;
& > view {
flex: 1;
text-align: left;
padding: 0 $padding;
line-height: 90rpx;
}
}
.cont {
background: #fff;
.detailed-item {
padding: $padding 10rpx;
margin: 0 $margin-both;
border-bottom: 2rpx solid #eee;
position: relative;
&:last-of-type {
border-bottom: none;
}
.info {
padding-right: 180rpx;
.event {
font-size: $font-size-base;
line-height: 1.3;
}
.time {
font-size: $font-size-base;
color: $color-tip;
}
}
.right-wrap {
position: absolute;
right: 0;
top: 0;
text-align: right;
.num {
font-size: $font-size-toolbar;
}
}
}
}
}
</style>

131
pages_tool/member/withdrawal_detail.vue Normal file
View File

@@ -0,0 +1,131 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view class="money-wrap">
<text>-{{ detail.apply_money }}</text>
</view>
<!-- 状态0待审核1.待转账2已转账 -1拒绝' -->
<view class="item">
<view class="line-wrap">
<text class="label">当前状态</text>
<text class="value">{{ detail.status_name }}</text>
</view>
<view class="line-wrap">
<text class="label">交易号</text>
<text class="value">{{ detail.withdraw_no }}</text>
</view>
<view class="line-wrap">
<text class="label">手续费</text>
<text class="value">￥{{ detail.service_money }}</text>
</view>
<view class="line-wrap">
<text class="label">申请时间</text>
<text class="value">{{ $util.timeStampTurnTime(detail.apply_time) }}</text>
</view>
<view class="line-wrap" v-if="detail.status">
<text class="label">审核时间</text>
<text class="value">{{ $util.timeStampTurnTime(detail.audit_time) }}</text>
</view>
<view class="line-wrap" v-if="detail.bank_name">
<text class="label">银行名称</text>
<text class="value">{{ detail.bank_name }}</text>
</view>
<view class="line-wrap">
<text class="label">收款账号</text>
<text class="value">{{ detail.account_number }}</text>
</view>
<view class="line-wrap" v-if="detail.status == -1 && detail.refuse_reason">
<text class="label">拒绝理由</text>
<text class="value">{{ detail.refuse_reason }}</text>
</view>
<view class="line-wrap" v-if="detail.status == 2">
<text class="label">转账方式名称</text>
<text class="value">{{ detail.transfer_type_name }}</text>
</view>
<view class="line-wrap" v-if="detail.status == 2">
<text class="label">转账时间</text>
<text class="value">{{ $util.timeStampTurnTime(detail.payment_time) }}</text>
</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
id: 0,
detail: {}
};
},
onLoad(option) {
this.id = option.id || 0;
},
onShow() {
if (this.storeToken) {
this.getDetail();
} else {
this.$util.redirectTo(
'/pages_tool/login/login',
{
back: '/pages_tool/member/point'
},
'redirectTo'
);
}
},
methods: {
getDetail() {
this.$api.sendRequest({
url: '/api/memberwithdraw/detail',
data: {
id: this.id
},
success: res => {
if (res.data) {
this.detail = res.data;
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
}
}
};
</script>
<style lang="scss">
.money-wrap {
text-align: center;
font-size: 50rpx;
font-weight: bold;
margin: 40rpx;
border-bottom: 2rpx solid $color-line;
padding: 40rpx;
}
.item {
margin: 40rpx;
.line-wrap {
margin-bottom: 20rpx;
.label {
display: inline-block;
width: 200rpx;
color: $color-tip;
font-size: $font-size-base;
}
.value {
display: inline-block;
font-size: $font-size-base;
}
}
}
</style>

142
pages_tool/notice/detail.vue Normal file
View File

@@ -0,0 +1,142 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="page">
<view class="notice-title">{{ detail.title }}</view>
<view class="notice-meta">
<text class="notice-time">发表时间: {{ $util.timeStampTurnTime(detail.create_time) }}</text>
</view>
<view class="notice-content"><rich-text :nodes="content"></rich-text></view>
<loading-cover ref="loadingCover"></loading-cover>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
import htmlParser from '@/common/js/html-parser';
export default {
data() {
return {
noticeId: 0,
content: '',
detail: {}
};
},
onLoad(options) {
this.noticeId = options.notice_id || 0;
// 小程序扫码进入
if (options.scene) {
var sceneParams = decodeURIComponent(options.scene);
this.noticeId = sceneParams.split('-')[1];
}
if (this.noticeId == 0) {
this.$util.redirectTo('/pages_tool/notice/list', {}, 'redirectTo');
}
},
onShow() {
this.getData();
},
methods: {
getData() {
this.$api.sendRequest({
url: '/api/notice/info',
data: {
id: this.noticeId
},
success: res => {
if (res.code == 0) {
if (res.data) {
this.detail = res.data;
this.content = htmlParser(res.data.content);
this.$langConfig.title(this.detail.title);
this.setPublicShare();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.redirectTo('/pages_tool/notice/list', {}, 'redirectTo');
}
} else {
this.$util.showToast({
title: res.message
});
setTimeout(() => {
this.$util.redirectTo('/pages_tool/notice/list', {}, 'redirectTo');
}, 2000);
}
},
fail: res => {
this.$util.redirectTo('/pages_tool/notice/list', {}, 'redirectTo');
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/notice/detail?notice_id=' + this.noticeId;
this.$util.setPublicShare({
title: this.detail.title,
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) :
''
});
}
},
onShareAppMessage(res) {
var title = '[公告]' + this.detail.title;
var path = '/pages_tool/notice/detail?notice_id=' + this.noticeId;
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
},
//分享到朋友圈
onShareTimeline() {
var title = this.detail.title;
var query = 'notice_id=' + this.noticeId;
return {
title: title,
query: query,
imageUrl: ''
};
}
};
</script>
<style lang="scss">
.page {
width: 100%;
height: 100%;
padding: 30rpx;
box-sizing: border-box;
background-color: #fff;
}
.notice-title {
font-size: $font-size-toolbar;
text-align: left;
font-weight: bold;
}
.notice-content {
margin-top: $margin-updown;
word-break: break-all;
font-size: $font-size-base;
}
.notice-meta {
text-align: left;
margin-top: $margin-updown;
color: $color-tip;
.notice-time {
font-size: $font-size-tag;
}
}
</style>

179
pages_tool/notice/list.vue Normal file
View File

@@ -0,0 +1,179 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<mescroll-uni @getData="getData" ref="mescroll">
<block slot="list">
<view class="notice-list" v-if="dataList.length">
<view class="notice-item" @click="jumpDetail(item.id)" v-for="(item, index) in dataList" :key="index">
<view class="title-info">
<view class="title">
<text v-if="item.is_top == 1" class="color-base-bg tag">置顶</text>
<text class="txt using-hidden">{{ item.title }}</text>
</view>
<text class="release-time">{{ $util.timeStampTurnTime(item.create_time, 1) }}</text>
<view class="iconfont icon-right"></view>
</view>
</view>
</view>
<view v-else class="cart-empty"><ns-empty text="暂无公告" :isIndex="false"></ns-empty></view>
<loading-cover ref="loadingCover"></loading-cover>
</block>
</mescroll-uni>
<!-- #ifdef MP-WEIXIN -->
<!-- 小程序隐私协议 -->
<privacy-popup ref="privacyPopup"></privacy-popup>
<!-- #endif -->
</view>
</template>
<script>
export default {
data() {
return {
dataList: []
};
},
onShow() {
this.setPublicShare();
},
methods: {
getData(mescroll) {
this.$api.sendRequest({
url: '/api/notice/page',
data: {
page_size: mescroll.size,
page: mescroll.num
},
success: res => {
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.dataList = []; //如果是第一页需手动制空列表
this.dataList = this.dataList.concat(newArr); //追加新数据
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail: res => {
mescroll.endErr();
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
jumpDetail(e) {
this.$util.redirectTo('/pages_tool/notice/detail?notice_id=' + e);
},
// 设置公众号分享
setPublicShare() {
let shareUrl = this.$config.h5Domain + '/pages_tool/notice/list';
this.$util.setPublicShare({
title: '公告',
desc: '',
link: shareUrl,
imgUrl: this.siteInfo ? this.$util.img(this.siteInfo.logo_square) : ''
});
}
},
onShareAppMessage(res) {
var title = '公告';
var path = '/pages_tool/notice/list';
return {
title: title,
path: path,
success: res => {},
fail: res => {}
};
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
.cart-empty {
padding-top: 308rpx;
}
.notice-list {
.notice-item {
margin: $margin-updown $margin-both;
background: #fff;
border-radius: 10rpx;
padding: 32rpx 34rpx;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
line-height: 1;
.title-info {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
overflow: hidden;
.title {
flex: 6;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: flex;
align-items: center;
.txt {
color: #000;
font-size: $font-size-base;
}
.tag {
font-size: 22rpx;
color: #ffffff;
line-height: 28rpx;
border-radius: 6rpx;
padding: 2rpx 6rpx;
margin-right: 10rpx;
}
}
.release-time {
flex: 2;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 20rpx;
color: $color-tip;
text-align: right;
font-size: $font-size-tag;
}
.iconfont {
color: $color-tip;
font-size: $font-size-tag;
}
}
.content {
margin-top: 10rpx;
display: inline-block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
color: $color-tip;
font-size: $font-size-goods-tag;
padding-bottom: 30rpx;
}
}
}
</style>

152
pages_tool/order/activist.vue Normal file
View File

@@ -0,0 +1,152 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="activist-container">
<mescroll-uni ref="mescroll" @getData="getListData">
<block slot="list">
<view class="container">
<block v-if="refundList.length">
<view class="order-item" v-for="(item, index) in refundList" :key="index">
<view class="order-header">
<text class="status-num font-size-base">{{ item.order_no }}</text>
<view class="status-name" v-if="item.refund_status == 3">退款成功</view>
<view class="status-name color-base-text" v-if="item.refund_status == 1">退款中</view>
<view class="status-name color-base-text" v-if="item.refund_status == -1">退款失败</view>
</view>
<view class="goods-wrap">
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)" mode="aspectFill" :lazy-load="true"></image>
<view class="goods-info">
<view class="goods-name" @click="refundDetail(item.order_goods_id)">{{ item.sku_name }}</view>
<view class="goods-num">
<view class="num-text color-base-text">{{ item.refund_status_name }}</view>
<view class="num-price">
<text>￥{{ item.price }}</text>
<text class="num">×{{ item.num }}</text>
</view>
</view>
</view>
</view>
<view class="goods-btn">
<view class="btn-text">
<text>共{{ item.num }}件商品</text>
<text>退款：￥{{ item.refund_status == 3 ? item.refund_real_money : item.refund_apply_money }}</text>
</view>
<view class="order-action">
<view class="order-box-btn" @click="refundDetail(item.order_goods_id)">查看详情</view>
<block v-if="item.refund_action.length">
<view
class="order-box-btn"
@click="refundAction(actionItem.event, item)"
v-for="(actionItem, actionIndex) in item.refund_action"
:key="actionIndex"
>
{{ actionItem.title }}
</view>
</block>
</view>
</view>
</view>
</block>
<block v-else>
<view class="cart-empty" v-if="showEmpty"><ns-empty :isIndex="false" :text="$lang('emptyTips')"></ns-empty></view>
</block>
</view>
</block>
</mescroll-uni>
</view>
</template>
<script>
import refundMethod from './public/js/refundMethod.js';
export default {
data() {
return {
refundList: [],
showEmpty: false
};
},
mixins: [refundMethod],
onShow() {
if (!this.storeToken) {
this.$util.redirectTo('/pages/order/login', {
back: '/pages_tool/order/activist'
});
}
},
methods: {
getListData(mescroll) {
this.$api.sendRequest({
url: '/api/orderrefund/lists',
data: {
page: mescroll.num,
page_size: mescroll.size
},
success: res => {
this.showEmpty = true;
let newArr = [];
let msg = res.message;
if (res.code == 0 && res.data) {
newArr = res.data.list;
} else {
this.$util.showToast({
title: msg
});
}
mescroll.endSuccess(newArr.length);
//设置列表数据
if (mescroll.num == 1) this.refundList = []; //如果是第一页需手动制空列表
this.refundList = this.refundList.concat(newArr);
},
fail: res => {
mescroll.endErr();
}
});
},
refundDetail(order_goods_id) {
this.$util.redirectTo('/pages_tool/order/refund_detail', {
order_goods_id
});
},
refundAction(event, data) {
switch (event) {
case 'orderRefundCancel': // 撤销维权
this.cancleRefund(data.order_goods_id, res => {
if (res.code >= 0) {
this.$util.showToast({
title: '撤销成功'
});
this.$refs.mescroll.refresh();
}
});
break;
case 'orderRefundDelivery': // 退款发货
this.$util.redirectTo('/pages_tool/order/refund_detail', {
order_goods_id: data.order_goods_id,
action: 'returngoods'
});
break;
case 'orderRefundAsk':
this.$util.redirectTo('/pages_tool/order/refund', {
order_goods_id: data.order_goods_id
});
break;
}
},
imageError(index) {
this.refundList[index].sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
}
}
};
</script>
<style lang="scss" scoped>
/deep/ .fixed {
position: relative;
top: 0;
}
.cart-empty {
padding-top: 308rpx !important;
}
@import './public/css/activist.scss';
</style>

23
pages_tool/order/detail_virtual.vue Normal file
View File

@@ -0,0 +1,23 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {};
},
onLoad(option) {
if (option.order_id) {
this.$util.redirectTo('/pages/order/detail', {order_id: option.order_id}, 'redirectTo');
}
}
};
</script>
<style lang="scss">
</style>

87
pages_tool/order/evaluate.vue Normal file
View File

@@ -0,0 +1,87 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view>
<view class="page">
<block v-for="(item, index) in goodsList" :key="index">
<view class="eval-wrap">
<view class="eval-good">
<view class="good-box">
<image class="good_pic" :src="$util.img(item.sku_image, { size: 'mid' })" @error="imageError(index)" mode="widthFix" />
<view class="good_info font-size-base">{{ item.sku_name }}</view>
</view>
</view>
<view class="eval-star" v-if="!isEvaluate">
<view class="star-box">
<view class="star-title color-base-bg-before">描述相符</view>
<view class="rate-box"><sx-rate :value="goodsEvalList[index].scores" :index="index" @change="setStar" /></view>
<view class="grade-li">
<view class="icon iconfont" :class="
goodsEvalList[index].explain_type == '1'
? 'icon-haoping1 color-base-text'
: goodsEvalList[index].explain_type == '2'
? 'icon-zhongchaping color-base-text'
: goodsEvalList[index].explain_type == '3'
? 'icon-zhongchaping'
: ''
"></view>
<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '1'">好评</view>
<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '2'">中评</view>
<view class="font-size-tag color-base-text" v-if="goodsEvalList[index].explain_type == '3'">差评</view>
</view>
</view>
</view>
</view>
<view class="eval-text">
<view class="text-box">
<block v-if="!isEvaluate">
<textarea placeholder="请在此处输入您的评价" v-model="goodsEvalList[index].content" maxlength="200" />
<text class="maxSize">{{ goodsEvalList[index].content.length }}/200</text>
</block>
<block v-else>
<textarea placeholder="请在此处输入您的追评" v-model="goodsEvalList[index].again_content" maxlength="200" />
<text class="maxSize">{{ goodsEvalList[index].again_content.length }}/200</text>
</block>
<view class="other-info">
<view class="other-info-box" v-for="(i, t) in imgList[index]" :key="t">
<image :src="$util.img(i)" mode="aspectFill" @click="preview(i, index)"></image>
<view class="imgDel" @click="deleteImg(i, index ,t)"><text class=" icon iconfont icon-delete"></text></view>
</view>
<view class="other-info-box active" @click="addImg(index)" v-if="imgList[index].length < 6 || imgList[index].length == undefined">
<text class="icon iconfont icon-zhaoxiangji"></text>
<text>{{ imgList[index].length ? 6 - imgList[index].length : 0 }}/6</text>
</view>
</view>
</view>
</view>
</block>
</view>
<view class="eval-bottom" :class="{ 'safe-area': isIphoneX }">
<view class="all-election" @click="isAll()" v-if="!isEvaluate">
<view class="iconfont color-base-text" :class="isAnonymous ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
<text>匿名</text>
</view>
<view class="action-btn"><button type="primary" @click="save()">提交</button></view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</view>
</template>
<script>
import sxRate from '@/pages_tool/components/sx-rate/index.vue';
import evaluate from './public/js/evaluate.js';
export default {
components: {
sxRate
},
mixins: [evaluate],
};
</script>
<style lang="scss">
@import './public/css/evaluate.scss'
</style>

171
pages_tool/order/logistics.vue Normal file
View File

@@ -0,0 +1,171 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<scroll-view class="order-nav" :scroll-x="true" :show-scrollbar="false">
<view v-for="(packageItem, packageIndex) in packageList" :key="packageIndex" class="uni-tab-item" @click="ontabtap(packageIndex)">
<text class="uni-tab-item-title" :class="packageIndex == currIndex ? 'uni-tab-item-title-active color-base-border color-base-text' : ''">
{{ packageItem.package_name }}
</text>
</view>
</scroll-view>
<view v-for="(packageItem, packageIndex) in packageList" :key="packageIndex" class="swiper-item" v-show="packageIndex == currIndex">
<view class="container">
<view class="goods-wrap">
<view class="body">
<view class="goods" v-for="(goodsItem, goodsIndex) in packageItem.goods_list" :key="goodsIndex">
<view class="goods-img" @click="toGoodsDetail(goodsItem.sku_id)">
<image :src="$util.img(goodsItem.sku_image, { size: 'mid' })" @error="imageError(packageIndex, goodsIndex)" mode="aspectFill"></image>
</view>
<view class="goods-info">
<view @click="toGoodsDetail(goodsItem.sku_id)" class="goods-name">{{ goodsItem.sku_name }}</view>
<view class="goods-sub-section">
<view>
<text>
<text class="iconfont icon-close"></text>
{{ goodsItem.num }}
</text>
</view>
</view>
</view>
</view>
</view>
</view>
<view class="express-company-wrap" v-if="packageItem.delivery_type == 1">
<view class="company-logo"><image :src="$util.img(packageItem.express_company_image)"></image></view>
<view class="info">
<view class="company">
<text>承运公司： {{ packageItem.express_company_name }}</text>
</view>
<view class="no">
<text>
运单号：
<text class="color-tip">{{ packageItem.delivery_no }}</text>
</text>
<text class="iconfont icon-fuzhi" @click="copyDeliveryNo(packageItem.delivery_no)"></text>
</view>
</view>
</view>
<view class="track-wrap" v-if="packageItem.delivery_type == 1">
<block v-if="packageItem.trace.success && packageItem.trace.list.length != 0">
<view
class="track-item"
v-for="(traceItem, traceIndex) in packageItem.trace.list"
:class="traceIndex == 0 ? 'active' : ''"
:key="traceIndex"
>
<view class="dot" :class="traceIndex == 0 ? 'color-base-bg' : ''"></view>
<view class="msg">
<view class="text" :class="traceIndex == 0 ? 'color-base-text' : ''">{{ traceItem.remark }}</view>
<view class="time" :class="traceIndex == 0 ? 'color-base-text' : ''">{{ traceItem.datetime }}</view>
</view>
</view>
</block>
<block v-else-if="packageItem.trace.success && packageItem.trace.list.length == 0">
<view class="fail-wrap font-size-base">{{ packageItem.trace.reason }}</view>
</block>
<block v-else>
<view class="fail-wrap font-size-base">{{ packageItem.trace.reason }}</view>
</block>
</view>
</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
orderId: '',
packageList: [],
isIphoneX: false,
currIndex: 0,
status: 0
};
},
onLoad(option) {
if (option.order_id) this.orderId = option.order_id;
},
onShow() {
// 判断登录
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getPackageInfo();
}
this.isIphoneX = this.$util.uniappIsIPhoneX();
},
methods: {
ontabtap(e) {
this.currIndex = e;
// let index = e.target.dataset.current || e.currentTarget.dataset.current;
// this.orderStatus = this.statusList[index].status;
// if (this.orderStatus == '') this.mergePayOrder = [];
// this.$refs.loadingCover.show();
// this.$refs.mescroll.refresh();
},
getPackageInfo() {
this.$api.sendRequest({
url: '/api/order/package',
data: {
order_id: this.orderId
},
success: res => {
if (res.code >= 0) {
this.packageList = res.data;
this.packageList.forEach(item => {
if (item.trace.list) {
item.trace.list = item.trace.list.reverse();
}
item.status = this.status++;
});
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: '未获取到订单信息！'
});
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1500);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
toGoodsDetail(e) {
this.$util.redirectTo('/pages/goods/detail', { sku_id: e });
},
imageError(packageIndex, goodsIndex) {
this.packageList[packageIndex].goods_list[goodsIndex].sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
copyDeliveryNo(value){
this.$util.copy(value);
}
}
};
</script>
<style lang="scss">
@import './public/css/logistics.scss';
/deep/.uni-scroll-view ::-webkit-scrollbar {
/* 隐藏滚动条，但依旧具备可以滚动的功能 */
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
}
/deep/::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
color: transparent;
background: transparent;
}
</style>

110
pages_tool/order/public/css/activist.scss Normal file
View File

@@ -0,0 +1,110 @@
.activist-container {
width: 100vw;
height: 100vh;
}
.order-item {
margin: $margin-updown $margin-both;
padding: 26rpx 24rpx;
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: column;
.order-header {
display: flex;
align-items: center;
padding-bottom: 26rpx;
border-bottom: 2rpx solid #f1f1f1;
.status-num {
font-size: $font-size-goods-tag;
color: $color-title;
}
.status-name {
flex: 1;
text-align: right;
font-size: $font-size-tag;
}
}
.goods-wrap {
display: flex;
padding: 27rpx 0;
box-sizing: border-box;
border-bottom: 2rpx solid #f7f7f7;
image {
width: 170rpx;
height: 170rpx;
display: flex;
align-items: center;
justify-content: center;
}
.goods-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 15rpx;
.goods-name {
line-height: 38rpx;
font-size: $font-size-base;
color: $color-title;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.goods-num {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 21rpx;
.num-text {
font-size: $font-size-tag;
line-height: 1;
}
.num-price {
display: flex;
flex-direction: column;
align-items: flex-end;
line-height: 1;
font-size: $font-size-tag;
.num {
color: $color-tip;
margin-top: 16rpx;
display: flex;
align-items: center;
}
}
}
}
}
.goods-btn {
display: flex;
flex-direction: column;
align-items: flex-end;
margin-top: 27rpx;
.btn-text {
font-size: $font-size-tag;
text {
&:nth-child(2) {
margin-left: 17rpx;
text {
font-size: $font-size-base;
}
}
}
}
.order-action {
display: flex;
margin-top: 24rpx;
.order-box-btn {
font-size: $font-size-goods-tag;
}
}
}
}

230
pages_tool/order/public/css/evaluate.scss Normal file
View File

@@ -0,0 +1,230 @@
.page {
padding-bottom: 100rpx;
}
.eval-good {
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
background: #ffffff;
.good-box {
width: 100%;
height: 100%;
padding: 30rpx 0;
border-bottom: 2rpx solid #f5f5f5;
box-sizing: border-box;
display: flex;
justify-content: space-between;
.good_pic {
width: 180rpx;
height: 180rpx;
margin-right: 20rpx;
box-sizing: border-box;
}
.good_info {
width: calc(100% - 200rpx);
height: 100%;
line-height: 1.3;
box-sizing: border-box;
}
}
}
.eval-text {
width: 100%;
padding: 0 $margin-both;
box-sizing: border-box;
padding-bottom: $padding;
margin-top: $margin-updown;
.text-box {
width: 100%;
height: 100%;
border-radius: $border-radius;
background: #ffffff;
padding-bottom: $padding;
box-sizing: border-box;
position: relative;
textarea {
width: 100%;
height: 190rpx;
padding: $padding;
box-sizing: border-box;
font-size: $font-size-tag;
}
}
.maxSize {
position: absolute;
right: 20rpx;
top: 160rpx;
color: #999;
font-size: $font-size-tag;
}
.other-info {
width: 100%;
padding: 0 $padding;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
margin-top: $margin-updown;
}
.other-info-box {
width: 145rpx;
height: 145rpx;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 30rpx;
margin-bottom: 30rpx;
position: relative;
image {
width: 100%;
border-radius: $border-radius;
}
.iconfont {
font-size: 60rpx;
color: #898989;
line-height: 1;
}
text {
line-height: 1;
}
.imgDel {
width: 40rpx;
height: 40rpx;
position: absolute;
right: -20rpx;
top: -20rpx;
display: flex;
justify-content: center;
align-items: center;
.iconfont {
font-size: $font-size-toolbar;
}
}
}
.other-info-box.active {
border: 1rpx dashed #898989;
}
.other-info-box.active:active {
background: rgba($color: #cccccc, $alpha: 0.6);
}
// .other-info-box:nth-child(4n) {
// margin-right: 0;
// }
}
.eval-star {
width: 100%;
background: #ffffff;
padding: 10rpx 30rpx;
box-sizing: border-box;
.star-box {
width: 100%;
height: 100%;
display: flex;
align-items: center;
.star-title {
height: 60rpx;
position: relative;
padding-right: $padding;
box-sizing: border-box;
line-height: 60rpx;
font-size: $font-size-base;
font-weight: bold;
}
.grade-li {
width: 30%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.icon-haoping1 {
font-size: $font-size-base;
margin-right: 10rpx;
}
.icon-haoping {
font-size: $font-size-base;
color: #999;
margin-right: 10rpx;
}
.icon-zhongchaping {
font-size: $font-size-base;
margin-right: 10rpx;
color: #ccc;
}
}
}
.eval-bottom {
position: fixed;
z-index: 5;
width: 100vw;
height: 100rpx;
background: #fff;
bottom: var(--window-bottom);
overflow: hidden;
display: flex;
justify-content: space-between;
&.safe-area {
padding-bottom: 68rpx !important;
}
.all-election {
height: 100rpx;
position: relative;
padding-left: 20rpx;
display: inline-block;
width: 30%;
& > .iconfont {
font-size: 45rpx;
position: absolute;
top: 50%;
left: 24rpx;
transform: translateY(-50%);
}
& > text {
margin-left: 56rpx;
line-height: 100rpx;
}
}
.action-btn {
flex: 1;
height: 100rpx;
line-height: 100rpx;
border-radius: 0;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
button {
width: 100%;
height: 80rpx;
line-height: 80rpx;
}
}
.action-btn.disabled:after {
content: '';
border: none;
}
}

242
pages_tool/order/public/css/logistics.scss Normal file
View File

@@ -0,0 +1,242 @@
@mixin flex-row-center {
display: flex;
justify-content: center;
align-items: center;
}
@mixin wrap {
padding: 30rpx;
border-radius: $border-radius;
background: #fff;
position: relative;
width: calc(100% - 60rpx);
box-sizing: border-box;
}
.swiper-item {
padding-top: 94rpx;
height: 100%;
.container {
height: calc(100vh - 124rpx);
overflow-y: scroll;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
padding-bottom: 30rpx;
&.safearea {
padding: 68rpx;
}
}
padding-bottom: 30rpx;
padding-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
padding-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
}
.order-nav {
width: 100vw;
// height: 60rpx;
flex-direction: row;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
background: #fff;
display: flex;
position: fixed;
left: 0;
z-index: 998;
.uni-tab-item {
display: inline-block;
padding: 30rpx 24rpx 0;
// height: 60rpx;
// line-height: 60rpx;
}
.uni-tab-item-title {
color: #555;
font-size: $font-size-toolbar;
display: block;
line-height: 1;
padding: 0 10rpx 30rpx;
flex-wrap: nowrap;
/* #ifndef APP-PLUS */
white-space: nowrap;
/* #endif */
text-align: center;
}
.uni-tab-item-title-active {
display: block;
border-bottom: 2rpx solid #ffffff;
padding: 0 10rpx 30rpx;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
}
.goods-wrap {
@include wrap;
margin-top: 20rpx;
padding: 30rpx;
.goods {
display: flex;
position: relative;
margin-bottom: 20rpx;
&:last-of-type {
margin-bottom: 0;
}
.goods-img {
width: 180rpx;
height: 180rpx;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.goods-info {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
max-width: calc(100% - 140rpx);
.goods-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.5;
font-size: $font-size-base;
font-weight: 500;
}
.goods-sub-section {
width: 100%;
line-height: 1.3;
display: flex;
.goods-price {
font-weight: 700;
font-size: $font-size-activity-tag;
}
.unit {
font-weight: normal;
font-size: $font-size-tag;
margin-right: 2rpx;
}
view {
flex: 1;
line-height: 1.3;
&:last-of-type {
text-align: left;
.iconfont {
line-height: 1;
font-size: $font-size-tag;
}
}
}
}
}
}
}
.express-company-wrap {
@include wrap;
margin-top: 20rpx;
.company-logo {
width: 120rpx;
height: 120rpx;
margin-right: 20rpx;
float: left;
image {
width: 100%;
height: 100%;
}
}
.info {
flex: 1;
.company {
line-height: 1.5;
margin-top: 16rpx;
}
.no {
margin-top: 10rpx;
line-height: 1.5;
}
.icon-fuzhi {
font-size: $font-size-base;
line-height: 1;
margin-left: 6rpx;
}
}
}
.track-wrap {
@include wrap;
margin-top: 20rpx;
.track-item {
position: relative;
flex-wrap: wrap;
overflow: visible;
display: flex;
&:after {
content: '';
position: absolute;
z-index: 1;
pointer-events: none;
background-color: #e5e5e5;
width: 2rpx;
height: 150%;
top: 56rpx;
left: 20rpx;
bottom: -40rpx;
}
.dot {
margin: 34rpx 20rpx 0 10rpx;
width: 20rpx;
height: 20rpx;
border-radius: 10rpx;
background-color: #ccc;
z-index: 9;
}
.msg {
padding: 20rpx 0;
flex: 1;
.text {
line-height: 1.5;
font-size: $font-size-base;
}
.time {
color: $color-tip;
font-size: $font-size-activity-tag;
line-height: 1.3;
margin-top: 10rpx;
}
}
&:last-of-type:after {
content: unset;
}
}
}

246
pages_tool/order/public/css/refund.scss Normal file
View File

@@ -0,0 +1,246 @@
.refund-container {
width: 100vw;
height: 100vh;
}
.align-right {
text-align: right;
}
.goods-wrap {
margin: $margin-updown $margin-both;
padding: 30rpx;
border-radius: $border-radius;
background: #fff;
display: flex;
position: relative;
.goods-img {
width: 180rpx;
height: 180rpx;
margin-right: 20rpx;
border-radius: $border-radius;
overflow: hidden;
image {
width: 100%;
height: 100%;
}
}
.goods-info {
flex: 1;
position: relative;
max-width: calc(100% - 200rpx);
.goods-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.5;
font-size: $font-size-base;
}
}
}
.refund-option {
margin: $margin-updown $margin-both;
border-radius: $border-radius;
background: #fff;
.option-item {
padding: $padding;
display: flex;
position: relative;
view {
flex: 1;
text {
display: block;
}
}
.icon-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #ddd;
right: 20rpx;
}
&:last-of-type {
border-top: 2rpx solid #f2f2f2;
}
}
}
.refund-form {
margin: $margin-updown $margin-both;
padding: $padding;
border-radius: $border-radius;
background: #fff;
.item-wrap {
display: flex;
position: relative;
line-height: 80rpx;
.label {
width: 142rpx;
padding-right: 5rpx;
line-height: 80rpx;
}
.cont {
flex: 1;
line-height: 80rpx;
text-align: right;
.refund-desc {
font-size: $font-size-base;
width: 100%;
line-height: 1;
min-height: 80rpx;
}
&.reason {
padding-right: 40rpx;
}
}
.label.active{
width: 100%;
}
.icon-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #ddd;
right: 0;
}
}
}
.textarea-box{
position: relative;
.mark{
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
background: red;
}
}
.newText{
width: 100%;
min-height: 200rpx;
border-radius: $border-radius;
box-sizing: border-box;
margin-top: 10rpx;
}
.sub-btn {
position: fixed;
width: 100%;
height: 100rpx;
line-height: 100rpx;
text-align: center;
color: #fff;
bottom: 0;
&.safe-area {
margin-bottom: 48rpx !important;
}
}
.popup {
width: 100vw;
background: #fff;
border-top-left-radius: 24rpx;
border-top-right-radius: 24rpx;
.popup-header {
height: 90rpx;
display: flex;
align-items: center;
padding: 0 30rpx;
& > view {
flex: 1;
line-height: 1;
}
.tit {
font-size: $font-size-toolbar;
font-weight: 600;
}
.vice-tit {
margin-right: 20rpx;
}
}
.popup-footer {
height: 140rpx;
.confirm-btn {
height: 80rpx;
line-height: 80rpx;
color: #fff;
text-align: center;
margin: 20rpx;
border-radius: $border-radius;
&.color-base-bg{
color: var(--btn-text-color);
}
}
&.bottom-safe-area {
padding-bottom: 48rpx;
}
}
}
.refund-reason-popup {
height: 50vh;
display: flex;
flex-direction: column;
.icon-close {
font-size: 40rpx;
}
.popup-body {
flex: 1;
.scroll-view {
height: 100%;
}
.item {
display: flex;
padding: 0 30rpx;
position: relative;
height: 70rpx;
line-height: 70rpx;
.reason {
flex: 1;
height: 70rpx;
line-height: 70rpx;
}
& > .iconfont {
font-size: 40rpx;
position: absolute;
top: 50%;
right: 30rpx;
transform: translateY(-50%);
}
& > .icon-yuan_checkbox {
color: $color-tip;
}
}
}
}

327
pages_tool/order/public/css/refund_detail.scss Normal file
View File

@@ -0,0 +1,327 @@
.detail-container {
width: 100vw;
height: 100vh;
}
.container {
transition: all 0.3s;
.hide {
transform: translateX(-100%);
}
}
.status-wrap {
padding: 20rpx;
background: #fff;
border-top: 1px solid #f5f5f5;
margin: 20rpx;
border-radius: $border-radius;
.status-name {
display: block;
font-size: $font-size-toolbar;
line-height: 70rpx;
height: 70rpx;
}
.refund-explain {
border-top: 1px dashed #eee;
padding-top: 20rpx;
}
}
.refund-address-wrap {
margin: 20rpx;
background: #fff;
padding: 20rpx;
border-radius: $border-radius;
.copy {
font-size: $font-size-activity-tag;
display: inline-block;
color: #666;
background: #fff;
line-height: 1;
padding: 6rpx 10rpx;
margin-left: 10rpx;
border-radius: 4rpx;
border: 1px solid #ddd;
}
}
.history-wrap {
margin: 20rpx;
background: #fff;
padding: 20rpx;
display: flex;
position: relative;
border-radius: $border-radius;
view {
flex: 1;
}
.icon-right {
position: absolute;
top: 50%;
transform: translateY(-50%);
color: #ddd;
right: 20rpx;
}
}
.refund-info {
margin: 20rpx;
background: #fff;
border-radius: $border-radius;
.header {
height: 90rpx;
line-height: 90rpx;
padding: 0 20rpx;
}
.body {
padding-bottom: 20rpx;
.goods-wrap {
display: flex;
position: relative;
padding: 20rpx;
background: #f5f5f5;
&:last-of-type {
margin-bottom: 0;
}
.goods-img {
width: 180rpx;
height: 180rpx;
margin-right: 20rpx;
image {
width: 100%;
height: 100%;
}
}
.goods-info {
flex: 1;
position: relative;
max-width: calc(100% - 200rpx);
.goods-name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.5;
font-size: $font-size-base;
}
.goods-sub-section {
padding-top: 20rpx;
width: 100%;
line-height: 1.3;
display: flex;
.refund-price {
font-size: $font-size-base;
}
.unit {
font-weight: normal;
font-size: $font-size-tag;
margin-right: 2rpx;
}
}
}
}
.info {
margin-top: 20rpx;
.cell {
height: 50rpx;
line-height: 50rpx;
padding: 0 30rpx;
font-size: $font-size-tag;
color: $color-tip;
}
}
}
}
.action {
position: fixed;
z-index: 5;
left: 0;
bottom: 0;
width: 100vw;
height: 100rpx;
background: #fff;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
text-align: right;
line-height: 100rpx;
&.bottom-safe-area {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
.order-box-btn{
margin-right: $margin-both;
margin-left: 0;
}
.action-btn {
height: 70rpx;
line-height: 70rpx;
color: #fff;
padding: 0 40rpx;
display: inline-block;
text-align: center;
margin: 16rpx 20rpx 16rpx 0;
border-radius: $border-radius;
&.white {
height: 68rpx;
line-height: 68rpx;
color: #333;
border: 0.5px solid #999;
background: #fff;
}
}
}
.form-wrap {
background: #fff;
.item {
margin: 0 20rpx;
display: flex;
border-bottom: 1px solid #eee;
&:last-child {
border-bottom: none;
}
.label {
width: 140rpx;
line-height: 90rpx;
}
.cont {
flex: 1;
line-height: 90rpx;
.input,
.input-placeholder {
height: 90rpx;
line-height: 90rpx;
font-size: $font-size-base;
}
.textarea {
width: 100%;
padding: 26rpx 0;
line-height: 1.3;
font-size: $font-size-base;
}
}
}
}
.sub-btn {
margin-top: 20rpx;
}
.record-wrap {
.cont {
width: 100%;
background-color: #fff;
padding: 30rpx;
box-sizing: border-box;
margin-top: 20rpx;
.head {
display: flex;
flex-direction: column;
color: $color-title;
.time {
color: $color-tip;
font-size: $font-size-tag;
float: right;
}
}
.body {
padding-top: 20rpx;
.refund-action{
line-height: 1;
color: $color-title;
}
.desc {
margin-top: 10rpx;
color: $color-tip;
font-size: $font-size-tag;
}
}
}
.empty-box{
height: 168rpx;
}
}
.history-bottom {
position: fixed;
z-index: 5;
left: 0;
bottom: 0;
width: 100vw;
height: 100rpx;
background: #fff;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1);
text-align: right;
display: flex;
&.bottom-safe-area {
padding-bottom: constant(safe-area-inset-bottom);
padding-bottom: env(safe-area-inset-bottom);
}
view {
flex: 1;
text-align: center;
line-height: 100rpx;
&:first-child {
border-right: 1px solid #eee;
}
.iconfont {
font-weight: bold;
margin-right: 10rpx;
font-size: $font-size-base;
line-height: 1;
}
}
button {
width: 50%;
height: 100%;
// position: absolute;
border: none;
z-index: 1;
padding: 0;
margin: 0;
background: none;
display: flex;
justify-content: center;
align-items: center;
&::after {
border: none !important;
}
.iconfont{
margin-right: 10rpx;
}
}
}

233
pages_tool/order/public/js/evaluate.js Normal file
View File

@@ -0,0 +1,233 @@
export default {
data() {
return {
orderId: null,
orderNo: "",
isAnonymous: 1, //是否匿名发布 1.匿名，0.公开
goodsList: [], //订单列表
goodsEvalList: [], //评价列表
imgList: [],
isEvaluate: 0, //判断是否为追评
flag: false, //防止重复点击 ,
evaluateConfig: {
evaluate_audit: 1,
evaluate_show: 0,
evaluate_status: 1
},
isIphoneX: false //判断手机是否是iphoneX以上
};
},
onLoad(options) {
//接收订单号，订单是否是追评等信息
options.order_id ? (this.orderId = options.order_id) : this.$util.redirectTo('/pages/order/list');
this.isIphoneX = this.$util.uniappIsIPhoneX();
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login', {
back: '/pages_tool/order/evaluate?order_id=' + this.orderId
}, 'redirectTo');
}
this.getEvaluateConfig();
this.getOrderInfo();
},
onShow() {
//初始化重复点击
this.flag = false;
},
methods: {
//获取订单信息
getOrderInfo() {
//获取订单信息
let data = {
order_id: this.orderId
};
this.$api.sendRequest({
url: '/api/order/evluateinfo',
data: data,
success: res => {
if (res.code == 0) {
this.isEvaluate = res.data.evaluate_status
this.goodsList = res.data.list;
if (this.goodsList.length) {
this.orderNo = res.data.list[0].order_no;
}
if (this.isEvaluate) {
for (let i = 0; i < res.data.list.length; i++) {
let array = [];
this.imgList.push(array)
this.goodsEvalList.push({
order_goods_id: res.data.list[i].order_goods_id,
goods_id: res.data.list[i].goods_id,
sku_id: res.data.list[i].sku_id,
again_content: "",
again_images: ""
});
}
} else {
for (let i = 0; i < res.data.list.length; i++) {
let array = [];
this.imgList.push(array)
this.goodsEvalList.push({
content: '', // 评价内容
images: "", //图片数组
scores: 5, // 评分
explain_type: 1, // 评价类型
order_goods_id: res.data.list[i].order_goods_id,
goods_id: res.data.list[i].goods_id,
sku_id: res.data.list[i].sku_id,
sku_name: res.data.list[i].sku_name,
sku_price: res.data.list[i].price,
sku_image: res.data.list[i].sku_image
});
}
}
} else {
this.$util.showToast({
title: "未获取到订单数据"
})
setTimeout(() => {
this.$util.redirectTo('/pages/order/list', {}, "redirectTo");
}, 1000)
}
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
},
fail() {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
//监听评分变化
setStar(e) {
this.goodsEvalList[e.index].scores = e.value;
if (e.value >= 4) {
this.goodsEvalList[e.index].explain_type = 1;
} else if (1 < e.value && e.value < 4) {
this.goodsEvalList[e.index].explain_type = 2
} else {
this.goodsEvalList[e.index].explain_type = 3
}
},
//切换，是否匿名
isAll() {
this.isAnonymous ? this.isAnonymous = 0 : this.isAnonymous = 1
},
//添加图片
addImg(e) {
let size = this.imgList[e].length ? this.imgList[e].length : 0
this.$util.upload(6 - size, {
path: 'evaluateimg'
}, res => {
let arr = this.imgList[e]
arr = arr.concat(res);
this.imgList[e] = [];
this.$set(this.imgList, e, arr)
if (this.isEvaluate) {
this.goodsEvalList[e].again_images = this.imgList[e].toString()
} else {
this.goodsEvalList[e].images = this.imgList[e].toString()
}
});
},
//删除图片
deleteImg(i, index, j) {
this.imgList[index].splice(j, 1);
if (this.isEvaluate) {
this.goodsEvalList[index].again_images = this.imgList[index].toString()
} else {
this.goodsEvalList[index].images = this.imgList[index].toString()
}
},
// 图片预览
preview(i, j) {
let urls = this.imgList[j];
for (let k = 0; k < urls.length; k++) {
urls[k] = this.$util.img(urls[k])
}
uni.previewImage({
urls: urls,
current: i
});
},
//提交评价
save() {
if (this.evaluateConfig.evaluate_status == 0) {
this.$util.showToast({
title: "商家未开启商品评价功能"
});
return;
}
for (let i = 0; i < this.goodsEvalList.length; i++) {
if (this.isEvaluate) {
if (!this.goodsEvalList[i].again_content.trim().length) {
this.$util.showToast({
title: "商品的评价不能为空哦"
});
return;
}
} else {
if (!this.goodsEvalList[i].content.trim().length) {
this.$util.showToast({
title: "商品的评价不能为空哦"
});
return;
}
}
}
let goodsEvaluate = JSON.stringify(this.goodsEvalList)
let data = {
order_id: this.orderId,
goods_evaluate: goodsEvaluate,
};
if (!this.isEvaluate) {
data.order_no = this.orderNo;
data.member_name = this.memberInfo.nickname;
data.member_headimg = this.memberInfo.headimg;
data.is_anonymous = this.isAnonymous;
}
if (this.flag) return;
this.flag = true;
this.$api.sendRequest({
url: this.isEvaluate ? '/api/goodsevaluate/again' : '/api/goodsevaluate/add',
data: data,
success: res => {
if (res.code == 0) {
this.$util.showToast({
title: "评价成功"
});
setTimeout(() => {
this.$util.redirectTo('/pages/order/list', {}, "redirectTo");
}, 1000);
} else {
this.$util.showToast({
title: res.message
});
this.flag = false;
}
},
fail: res => {
this.flag = false;
}
});
},
imageError(index) {
this.goodsList[index].sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
getEvaluateConfig() {
this.$api.sendRequest({
url: '/api/goodsevaluate/config',
success: res => {
if (res.code == 0) {
var data = res.data;
this.evaluateConfig = data;
}
}
});
}
}
};

30
pages_tool/order/public/js/refundMethod.js Normal file
View File

@@ -0,0 +1,30 @@
export default {
methods: {
/**
* 撤销退款申请
* @param {Object} order_goods_id
* @param {Object} callback
*/
cancleRefund(order_goods_id, callback) {
uni.showModal({
content: '撤销之后本次申请将会关闭,如后续仍有问题可再次发起申请。',
cancelText: '暂不撤销',
cancelColor: '#898989',
success: res => {
if (res.confirm) {
this.$api.sendRequest({
url: '/api/orderrefund/cancel',
data: {
order_goods_id
},
success: res => {
typeof callback == 'function' && callback(res);
}
})
}
}
})
},
}
}

306
pages_tool/order/refund.vue Normal file
View File

@@ -0,0 +1,306 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view>
<scroll-view scroll-y="true" class="refund-container">
<view class="goods-wrap">
<view class="goods-img">
<image :src="$util.img(refund_data.order_goods_info.sku_image, { size: 'mid' })" @error="refund_data.order_goods_info.sku_image = $util.getDefaultImage().goods" mode="aspectFill" :lazy-load="true"/>
</view>
<view class="goods-info">
<view class="goods-name">{{ refund_data.order_goods_info.sku_name }}</view>
</view>
</view>
<view class="refund-option" v-show="!refund_type">
<view class="option-item" @click="selectRefundType(1)">
<view>
<text>退款无需退货</text>
<text class="font-size-goods-tag color-tip">没收到货，或与卖家协商同意无需退货只退款</text>
</view>
<text class="iconfont icon-right"></text>
</view>
<view class="option-item" @click="selectRefundType(2)" v-if="refund_data.refund_type.length == 2">
<view>
<text>退货退款</text>
<text class="font-size-goods-tag color-tip">已收到货，需退还收到的货物</text>
</view>
<text class="iconfont icon-right"></text>
</view>
</view>
<view v-show="refund_type">
<view class="refund-form">
<view class="item-wrap" @click="openPopup('refundReasonPopup')">
<view class="label">退款原因：</view>
<view class="cont reason">
<text class="color-tip" v-if="!refund_reason.length">请选择</text>
<text class="color-tip" v-else>{{ refund_reason }}</text>
</view>
<text class="iconfont icon-right"></text>
</view>
<view class="item-wrap">
<view class="label">退款金额：</view>
<view class="cont color-base-text">{{ $lang('common.currencySymbol') }}{{ refund_data.refund_money }}</view>
</view>
</view>
<view class="refund-form">
<view class="item-wrap"><view class="label active">退款说明</view></view>
<!-- #ifdef MP-WEIXIN -->
<textarea
v-if="!showText"
class="newText"
placeholder="请输入退款说明(选填)"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<!-- #endif -->
<!-- #ifdef H5 -->
<textarea
class="newText"
placeholder="请输入退款说明(选填)"
@blur="textBlur()"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<!-- #endif -->
</view>
<!-- <view class="sub-btn color-base-bg" :class="{ 'safe-area': isIphoneX }" @click="submit">{{ $lang('common.submit') }}</view> -->
<view class="sub-btn" :class="{ 'safe-area': isIphoneX }" @click="submit">
<button type="primary">{{ $lang('common.submit') }}</button>
</view>
</view>
<uni-popup ref="refundReasonPopup" type="bottom" @change="change()">
<view class="refund-reason-popup popup">
<view class="popup-header">
<view><text class="tit">退款原因</text></view>
<view class="align-right" @click="closePopup('refundReasonPopup')"><text class="iconfont icon-close"></text></view>
</view>
<view class="popup-body">
<scroll-view scroll-y="true" class="scroll-view" :class="{ 'safe-area': isIphoneX }">
<view class="reason-list">
<view class="item" v-for="(item, index) in refund_data.refund_reason_type" :key="index" @click="changeReason(item)">
<view class="reason">{{ item }}</view>
<view class="iconfont" :class="refund_reason == item ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
</view>
</view>
</scroll-view>
</view>
<view class="popup-footer" :class="{ 'bottom-safe-area': isIphoneX }">
<view class="confirm-btn color-base-bg" @click="closePopup('refundReasonPopup')">确定</view>
</view>
</view>
</uni-popup>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup
},
data() {
return {
order_goods_id: '',
refund_type: '',
refund_reason: '',
refund_remark: '',
isIphoneX: false,
refund_data: {
refund_type: [],
order_goods_info: {
sku_image: ''
}
},
isSub: false,
showText: false //是否展示退款说明，解决原生小程序textarea层级过高 popup不能遮挡的问题
};
},
onLoad(option) {
if (option.order_goods_id) this.order_goods_id = option.order_goods_id;
},
onShow() {
this.isIphoneX = this.$util.uniappIsIPhoneX();
if (this.storeToken) {
this.getRefundData();
} else {
this.$util.redirectTo('/pages_tool/login/login', { back: '/pages_tool/order/refund?order_goods_id=' + this.order_goods_id });
}
},
methods: {
/**
* 显示弹出层
* @param {Object} ref
*/
openPopup(ref) {
this.$refs[ref].open();
},
/**
* 关闭弹出层
* @param {Object} ref
*/
closePopup(ref) {
this.$refs[ref].close();
},
textBlur() {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
});
},
/**
* 选择退款方式
* @param {Object} type
*/
selectRefundType(type) {
this.refund_type = type;
},
getRefundData() {
this.$api.sendRequest({
url: '/api/orderrefund/refundData',
data: {
order_goods_id: this.order_goods_id
},
success: res => {
if (res.code >= 0) {
this.refund_data = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({ title: '未获取到该订单项退款信息' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
submit() {
if (this.verify()) {
if (this.isSub) return;
this.isSub = true;
// #ifdef MP
this.subscribeMessage(() => {
this.$api.sendRequest({
url: '/api/orderrefund/refund',
data: {
order_goods_ids: this.order_goods_id,
refund_type: this.refund_type,
refund_reason: this.refund_reason,
refund_remark: this.refund_remark
},
success: res => {
this.$util.showToast({ title: res.message });
if (res.code >= 0) {
this.$util.redirectTo('/pages_tool/order/activist', {}, 'redirectTo');
} else {
this.isSub = false;
}
},
fail: res => {
this.isSub = false;
}
});
})
// #endif
// #ifndef MP-WEIXIN
this.$api.sendRequest({
url: '/api/orderrefund/refund',
data: {
order_goods_ids: this.order_goods_id,
refund_type: this.refund_type,
refund_reason: this.refund_reason,
refund_remark: this.refund_remark
},
success: res => {
this.$util.showToast({ title: res.message });
if (res.code >= 0) {
this.$util.redirectTo('/pages_tool/order/activist', {}, 'redirectTo');
} else {
this.isSub = false;
}
},
fail: res => {
this.isSub = false;
}
});
// #endif
}
},
verify() {
if (this.refund_reason == '') {
this.$util.showToast({ title: '请选择退款原因' });
return false;
}
return true;
},
changeReason(refund_reason) {
this.refund_reason = refund_reason;
},
change(e) {
if (e) this.showText = e.show;
},
/**
* 微信订阅消息
*/
subscribeMessage(callback){
this.$api.sendRequest({
url: '/weapp/api/weapp/messagetmplids',
data: {
keywords: 'ORDER_REFUND_AGREE,ORDER_REFUND_REFUSE'
},
success: res => {
if (res.code == 0 && res.data.length) {
uni.requestSubscribeMessage({
tmplIds: res.data,
fail: (res) => {
console.log('fail', res)
},
complete: ()=> {
callback();
}
})
} else {
callback();
}
},
fail: res => {
callback();
}
})
}
}
};
</script>
<style lang="scss">
@import './public/css/refund.scss';
</style>
<style scoped>
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background: none;
max-height: unset !important;
overflow-y: hidden !important;
}
/deep/ .uni-popup__wrapper {
border-radius: 20rpx 20rpx 0 0;
}
/deep/ .uni-popup {
z-index: 8;
}
</style>

312
pages_tool/order/refund_batch.vue Normal file
View File

@@ -0,0 +1,312 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view>
<scroll-view scroll-y="true" class="refund-container">
<view class="goods-wrap" v-for="(item,index) in refund_data.order_goods_info" :key="index">
<view class="goods-img">
<image :src="$util.img(item.sku_image, { size: 'mid' })" @error="item.sku_image = $util.getDefaultImage().goods" mode="aspectFill" :lazy-load="true"/>
</view>
<view class="goods-info">
<view class="goods-name">{{ item.sku_name }}</view>
</view>
</view>
<view>
<view class="refund-form">
<view class="item-wrap" @click="openPopup('refundReasonPopup')">
<view class="label">退款原因：</view>
<view class="cont reason">
<text class="color-tip" v-if="!refund_reason.length">请选择</text>
<text class="color-tip" v-else>{{ refund_reason }}</text>
</view>
<text class="iconfont icon-right"></text>
</view>
<view class="item-wrap">
<view class="label">退款方式：</view>
<view class="cont color-base-text" v-if="refund_type == 1">退款无需退货</view>
<view class="cont color-base-text" v-else>退货退款</view>
</view>
<view class="item-wrap">
<view class="label">退款金额：</view>
<view class="cont color-base-text">{{ $lang('common.currencySymbol') }}{{ refund_data.refund_money }}</view>
</view>
</view>
<view class="refund-form">
<view class="item-wrap"><view class="label active">退款说明</view></view>
<!-- #ifdef MP-WEIXIN -->
<textarea
v-if="!showText"
class="newText"
placeholder="请输入退款说明(选填)"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<!-- #endif -->
<!-- #ifdef H5 -->
<textarea
class="newText"
placeholder="请输入退款说明(选填)"
@blur="textBlur()"
placeholder-class="color-tip font-size-tag"
:auto-height="true"
v-model="refund_remark"
/>
<!-- #endif -->
</view>
<!-- <view class="sub-btn color-base-bg" :class="{ 'safe-area': isIphoneX }" @click="submit">{{ $lang('common.submit') }}</view> -->
<view class="sub-btn" :class="{ 'safe-area': isIphoneX }" @click="submit">
<!-- <button type="primary">提交</button> -->
<button type="primary">{{ $lang('common.submit') }}</button>
</view>
</view>
<uni-popup ref="refundReasonPopup" type="bottom" @change="change()">
<view class="refund-reason-popup popup">
<view class="popup-header">
<view><text class="tit">退款原因</text></view>
<view class="align-right" @click="closePopup('refundReasonPopup')"><text class="iconfont icon-close"></text></view>
</view>
<view class="popup-body">
<scroll-view scroll-y="true" class="scroll-view" :class="{ 'safe-area': isIphoneX }">
<view class="reason-list">
<view class="item" v-for="(item, index) in refund_data.refund_reason_type" :key="index" @click="changeReason(item)">
<view class="reason">{{ item }}</view>
<view class="iconfont" :class="refund_reason == item ? 'icon-yuan_checked color-base-text' : 'icon-yuan_checkbox'"></view>
</view>
</view>
</scroll-view>
</view>
<view class="popup-footer" :class="{ 'bottom-safe-area': isIphoneX }">
<view class="confirm-btn color-base-bg" @click="closePopup('refundReasonPopup')">确定</view>
</view>
</view>
</uni-popup>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup
},
data() {
return {
order_goods_id: '',
refund_type: '',
refund_reason: '',
refund_remark: '',
isIphoneX: false,
refund_data: {
refund_type: [],
order_goods_info: {
sku_image: ''
}
},
isSub: false,
showText: false //是否展示退款说明，解决原生小程序textarea层级过高 popup不能遮挡的问题
};
},
onLoad(option) {
if (option.order_goods_id) this.order_goods_id = option.order_goods_id;
if (option.refund_type) this.refund_type = option.refund_type;
},
onShow() {
this.isIphoneX = this.$util.uniappIsIPhoneX();
if (this.storeToken) {
this.getRefundData();
} else {
this.$util.redirectTo('/pages_tool/login/login', { back: '/pages_tool/order/refund?order_goods_id=' + this.order_goods_id });
}
},
methods: {
/**
* 显示弹出层
* @param {Object} ref
*/
openPopup(ref) {
this.$refs[ref].open();
},
/**
* 关闭弹出层
* @param {Object} ref
*/
closePopup(ref) {
this.$refs[ref].close();
},
textBlur() {
uni.pageScrollTo({
scrollTop: 0,
duration: 0
});
},
/**
* 选择退款方式
* @param {Object} type
*/
selectRefundType(type) {
this.refund_type = type;
},
getRefundData() {
this.$api.sendRequest({
url: '/api/orderrefund/refundDataBatch',
data: {
order_goods_ids: this.order_goods_id
},
success: res => {
if (res.code >= 0) {
this.refund_data = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({ title: '未获取到该订单项退款信息' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
submit() {
if (this.verify()) {
if (this.isSub) return;
this.isSub = true;
// #ifdef MP
this.subscribeMessage(() => {
this.$api.sendRequest({
url: '/api/orderrefund/refund',
data: {
order_goods_ids: this.order_goods_id,
refund_type: this.refund_type,
refund_reason: this.refund_reason,
refund_remark: this.refund_remark
},
success: res => {
this.$util.showToast({ title: res.message });
if (res.code >= 0) {
uni.removeStorage({
key:'refund_goods_data',
success:res=>{
this.$util.redirectTo('/pages_tool/order/activist');
}
})
} else {
this.isSub = false;
}
},
fail: res => {
this.isSub = false;
}
});
})
// #endif
// #ifndef MP-WEIXIN
this.$api.sendRequest({
url: '/api/orderrefund/refund',
data: {
order_goods_ids: this.order_goods_id,
refund_type: this.refund_type,
refund_reason: this.refund_reason,
refund_remark: this.refund_remark
},
success: res => {
this.$util.showToast({ title: res.message });
if (res.code >= 0) {
uni.removeStorage({
key:'refund_goods_data',
success:res=>{
this.$util.redirectTo('/pages_tool/order/activist');
}
})
} else {
this.isSub = false;
}
},
fail: res => {
this.isSub = false;
}
});
// #endif
}
},
verify() {
if (this.refund_reason == '') {
this.$util.showToast({ title: '请选择退款原因' });
return false;
}
return true;
},
changeReason(refund_reason) {
this.refund_reason = refund_reason;
},
change(e) {
if (e) this.showText = e.show;
},
/**
* 微信订阅消息
*/
subscribeMessage(callback){
this.$api.sendRequest({
url: '/weapp/api/weapp/messagetmplids',
data: {
keywords: 'ORDER_REFUND_AGREE,ORDER_REFUND_REFUSE'
},
success: res => {
if (res.code == 0 && res.data.length) {
uni.requestSubscribeMessage({
tmplIds: res.data,
fail: (res) => {
console.log('fail', res)
},
complete: ()=> {
callback();
}
})
} else {
callback();
}
},
fail: res => {
callback();
}
})
}
}
};
</script>
<style lang="scss">
@import './public/css/refund.scss';
</style>
<style scoped>
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background: none;
max-height: unset !important;
overflow-y: hidden !important;
}
/deep/ .uni-popup__wrapper {
border-radius: 20rpx 20rpx 0 0;
}
/deep/ .uni-popup {
z-index: 8;
}
.sub-btn{
padding-top: 20rpx;
background-color: #FFFFFF;
}
</style>

277
pages_tool/order/refund_detail.vue Normal file
View File

@@ -0,0 +1,277 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<scroll-view scroll-y="true" class="detail-container" :class="{ 'safe-area': isIphoneX }" v-if="detail">
<view v-show="action == ''">
<view class="status-wrap">
<view class="status-name">{{ detail.refund_status_name }}</view>
<view class="refund-explain" v-if="detail.refund_status == 1">
<view class="font-size-goods-tag color-tip">如果商家拒绝，你可重新发起申请</view>
<view class="font-size-goods-tag color-tip">如果商家同意，将通过申请并退款给你</view>
<!-- <view class="font-size-goods-tag color-tip">如果商家逾期未处理，平台将自动通过申请并退款给你</view> -->
</view>
<view class="refund-explain" v-if="detail.refund_status == 5">
<view class="font-size-goods-tag color-tip">如果商家确认收货将会退款给你</view>
<view class="font-size-goods-tag color-tip">如果商家拒绝收货，该次退款将会关闭，你可以重新发起退款</view>
</view>
</view>
<view class="history-wrap" @click="switchAction('consultrecord')">
<view>协商记录</view>
<text class="iconfont icon-right"></text>
</view>
<view class="refund-address-wrap" v-if="detail.refund_status == 4">
<view class="header">退货地址</view>
<view>
<text>收货人：{{ detail.shop_contacts }}</text>
</view>
<view>
<text>联系方式：{{ detail.shop_mobile }}</text>
</view>
<view>
<text class="address">退货地址：{{ detail.shop_address }}</text>
<view class="copy" @click="$util.copy(detail.shop_address)">复制</view>
</view>
</view>
<view class="refund-info">
<view class="header">退款信息</view>
<view class="body">
<!-- 商品信息 -->
<view class="goods-wrap">
<view class="goods-img" @click="refundDetail(detail)">
<image :src="$util.img(detail.sku_image, { size: 'mid' })" @error="imageError()" mode="aspectFill" :lazy-load="true"></image>
</view>
<view class="goods-info">
<view class="goods-name" @click="refundDetail(detail)">{{ detail.sku_name }}</view>
</view>
</view>
<!-- 退款信息 -->
<view class="info">
<view class="cell">退款方式：{{ detail.refund_type == 1 ? '仅退款' : '退款退货' }}</view>
<view class="cell" v-if="detail.refund_status == 3">退款途径：{{ detail.refund_money_type == 1 ? '原路退款' : detail.refund_money_type == 2 ? '线下退款' : '退款到余额' }}</view>
<view class="cell">退款原因：{{ detail.refund_reason }}</view>
<view class="cell" v-if="detail.refund_status == 3 && detail.refund_real_money>0">退款金额：{{ $lang('common.currencySymbol') }}{{ detail.refund_real_money }}</view>
<view class="cell" v-else-if="detail.refund_apply_money>0">退款金额：{{ $lang('common.currencySymbol') }}{{ detail.refund_apply_money }}</view>
<view class="cell">退款编号：{{ detail.refund_no }}</view>
<view class="cell">申请时间：{{ $util.timeStampTurnTime(detail.refund_action_time) }}</view>
<view class="cell" v-if="detail.refund_time">退款时间：{{ $util.timeStampTurnTime(detail.refund_time) }}</view>
<view class="cell" v-if="detail.refund_remark != ''">退款说明：{{ detail.refund_remark }}</view>
<view class="cell" v-if="detail.use_point>0">退款积分：{{ detail.use_point }}</view>
</view>
</view>
</view>
<view class="action" :class="{ 'bottom-safe-area': isIphoneX }" v-if="detail.refund_action.length">
<view class="order-box-btn" v-for="(actionItem, actionIndex) in detail.refund_action" :key="actionIndex" @click="refundAction(actionItem.event)">
{{ actionItem.title }}
</view>
</view>
</view>
<view v-show="action == 'returngoods'">
<view class="return-goods-container">
<view class="form-wrap">
<view class="item">
<view class="label">物流公司</view>
<view class="cont">
<input
type="text"
placeholder="请输入物流公司"
class="input"
placeholder-class="input-placeholder color-tip"
v-model="formData.refund_delivery_name"
/>
</view>
</view>
<view class="item">
<view class="label">物流单号</view>
<view class="cont">
<input
type="text"
placeholder="请输入物流单号"
class="input"
placeholder-class="input-placeholder color-tip"
v-model="formData.refund_delivery_no"
/>
</view>
</view>
<view class="item">
<view class="label">物流说明</view>
<view class="cont">
<textarea
placeholder-class="color-tip font-size-tag"
:auto-height="true"
class="textarea"
placeholder="选填"
v-model="formData.refund_delivery_remark"
/>
</view>
</view>
</view>
<button type="primary" class="sub-btn" @click="refurnGoods">提交</button>
</view>
</view>
<view v-show="action == 'consultrecord'">
<view class="record-wrap">
<view class="record-item" :class="logItem.action_way == 1 ? 'buyer' : ''" v-for="(logItem, logIndex) in detail.refund_log_list" :key="logIndex">
<view class="cont">
<view class="head">
<text>{{ logItem.action_way == 1 ? '买家' : '卖家' }}</text>
<text class="time">{{ $util.timeStampTurnTime(logItem.action_time) }}</text>
</view>
<view class="body">
<view class="refund-action">{{ logItem.action }}</view>
<view class="desc" v-if="logItem.desc != ''">{{ logItem.desc }}</view>
</view>
</view>
</view>
<view class="empty-box"></view>
</view>
<view class="history-bottom" :class="{ 'bottom-safe-area': isIphoneX }">
<!-- <ns-contact :niushop="{order_id: detail.order_id}">
<view>
<text class="iconfont icon-ziyuan"></text>
<text>联系客服</text>
</view>
</ns-contact> -->
<view @click="switchAction('')">返回详情</view>
</view>
</view>
</scroll-view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
import refundMethod from './public/js/refundMethod.js';
import validate from 'common/js/validate.js';
import nsContact from '@/components/ns-contact/ns-contact.vue';
export default {
data() {
return {
order_goods_id: '',
detail: {
refund_action: []
},
isIphoneX: false,
action: '',
formData: {
refund_delivery_name: '',
refund_delivery_no: '',
refund_delivery_remark: ''
},
isSub: false
};
},
components: {
nsContact
},
mixins: [refundMethod],
onLoad(option) {
if (option.order_goods_id) this.order_goods_id = option.order_goods_id;
if (option.action) this.action = option.action;
this.isIphoneX = this.$util.uniappIsIPhoneX();
},
onShow() {
if (this.storeToken) {
this.getRefundDetail();
} else {
this.$util.redirectTo('/pages_tool/login/login', { back: '/pages_tool/order/refund_detail?order_goods_id=' + this.order_goods_id });
}
},
methods: {
getRefundDetail() {
this.$api.sendRequest({
url: '/api/orderrefund/detail',
data: {
order_goods_id: this.order_goods_id
},
success: res => {
if (res.code >= 0) {
this.detail = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({ title: '未获取到该订单项退款信息' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
refundAction(event) {
switch (event) {
case 'orderRefundCancel':
this.cancleRefund(this.detail.order_goods_id, res => {
if (res.code >= 0) {
this.$util.showToast({ title: '撤销成功' });
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
});
break;
case 'orderRefundDelivery':
this.action = 'returngoods';
break;
case 'orderRefundAsk':
this.$util.redirectTo('/pages_tool/order/refund', { order_goods_id: this.detail.order_goods_id });
break;
}
},
refurnGoods() {
var rule = [
{ name: 'refund_delivery_name', checkType: 'required', errorMsg: '请输入物流公司' },
{ name: 'refund_delivery_no', checkType: 'required', errorMsg: '请输入物流单号' }
];
this.formData.order_goods_id = this.order_goods_id;
var checkRes = validate.check(this.formData, rule);
if (checkRes) {
if (this.isSub) return;
this.isSub = true;
this.$api.sendRequest({
url: '/api/orderrefund/delivery',
data: this.formData,
success: res => {
if (res.code == 0) {
this.action = '';
this.getRefundDetail();
} else {
this.$util.showToast({ title: res.message });
}
}
});
} else {
this.$util.showToast({ title: validate.error });
return false;
}
},
/**
* 切换操作
*/
switchAction(action) {
this.action = action;
},
imageError() {
this.detail.sku_image = this.$util.getDefaultImage().goods;
this.$forceUpdate();
},
refundDetail(e) {
this.$util.redirectTo('/pages/goods/detail', {
goods_id: e.goods_id
});
}
}
};
</script>
<style lang="scss">
@import './public/css/refund_detail.scss';
</style>

226
pages_tool/order/refund_goods_select.vue Normal file
View File

@@ -0,0 +1,226 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="goods-select">
<view class="top">
共<text class="color-base-text">{{refund_data.length}}</text>件商品
</view>
<view class="body">
<view class="item" v-for="(item,index) in refund_data" :key="index">
<view @click="single(index)" style="display:none">
<text v-if="item.judge" class="iconfont icon-yuan_checked color-base-text"></text>
<text v-else class="iconfont icon-yuan_checkbox"></text>
</view>
<image :src="$util.img(item.sku_image)" @error="error(index)"></image>
<view class="title">
<text>{{item.sku_name}}</text>
</view>
</view>
</view>
<view class="bottom-all">
<view >
<!-- @click="all"
<text v-if="judge" class="iconfont icon-yuan_checked color-base-text"></text>
<text v-else class="iconfont icon-yuan_checkbox"></text> -->
</view>
<view v-if="nexthover" class="next" @click="next">下一步</view>
<view v-else class="next nexthover">请选择商品</view>
</view>
<!-- <loading-cover ref="loadingCover"></loading-cover> -->
</view>
</template>
<script>
export default{
data(){
return{
refund_type:1,
refund_data:[],
judge:true,
order_goods_id:[],
nexthover:true
}
},
onLoad(option){
if(option.refund_type){
this.refund_type = option.refund_type;
this.getGoodsInfo()
} else{
uni.showToast({
title:'未查找到订单信息',
icon:'none'
})
setTimeout(()=>{
this.$util.redirectTo('/pages/order/list');
},1000)
}
},
methods:{
/**
* 处理商品选中数据
*/
getGoodsInfo(){
uni.getStorage({
key:'refund_goods_data',
success:res=>{
let refund_data = JSON.parse(res.data);
this.refund_data = [];
refund_data.forEach(item=>{
if(item.refund_status == 0){
item.judge = true;
this.refund_data.push(item);
}
})
}
})
},
/**
*单选事件
*/
single(key){
this.refund_data[key].judge = !this.refund_data[key].judge;
let allJudge = true;
this.refund_data.forEach((item)=>{
if(!item.judge){
allJudge = false;
}
})
this.judge = allJudge;
this.getOrderIdInfo();
this.$forceUpdate()
},
/**
* 全选选择
*/
all(){
this.judge = !this.judge;
this.refund_data.map(item=>{
item.judge = this.judge;
return item;
})
this.getOrderIdInfo();
this.$forceUpdate()
},
/**
* 获取选择的order_goods_id
*/
getOrderIdInfo(){
this.order_goods_id = [];
this.refund_data.forEach(item=>{
if(item.judge){
this.order_goods_id.push(item.order_goods_id)
}
})
if(this.order_goods_id.length == 0){
this.nexthover = false;
}else{
this.nexthover = true;
}
this.$forceUpdate();
},
/**
* 跳转退款界面
*/
next(){
this.refund_data.forEach(item=>{
this.order_goods_id.push(item.order_goods_id)
})
if(this.order_goods_id.length == 0){
this.getOrderIdInfo();
}
this.$util.redirectTo('/pages_tool/order/refund_batch', { order_goods_id: this.order_goods_id.join(), refund_type:this.refund_type });
},
/**
* 默认图片处理
*/
error(index){
this.refund_data[index].sku_image = this.$util.getDefaultImage().goods
this.$forceUpdate();
}
}
}
</script>
<style lang="scss" scoped>
.goods-select{
.top{
padding: 20rpx 30rpx;
box-sizing: border-box;
font-size: 28rpx;
background: #FFFFFF;
text{
font-size: 30rpx;
margin: 0 10rpx;
font-weight: bold;
}
}
.iconfont{
font-size: 40rpx;
}
.body{
margin: 30rpx;
border-radius: 10rpx;
background: #FFFFFF;
padding: 30rpx 0 0;
.item{
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 30rpx 30rpx;
image{
width: 180rpx;
height: 180rpx;
border-radius: 10rpx;
}
.title{
width: 368rpx;
height:180rpx;
font-size: 28rpx;
text{
text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
}
}
}
}
.bottom-all{
padding-left: 30rpx;
display: flex;
align-items: center;
justify-content: space-between;
background: #FFFFFF;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
box-sizing: border-box;
.next{
padding: 16rpx 80rpx;
color: #FFFFFF;
background: #ff4544;
}
.nexthover{
background: #e7dcdc !important;
}
}
}
</style>

121
pages_tool/order/refund_type_select.vue Normal file
View File

@@ -0,0 +1,121 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view>
<view>
<view class="refund-option">
<view class="option-item" @click="selectRefundType(1)">
<view>
<text>退款无需退货</text>
<text class="font-size-goods-tag color-tip">没收到货，或与卖家协商同意无需退货只退款</text>
</view>
<text class="iconfont icon-right"></text>
</view>
<view class="option-item" @click="selectRefundType(2)" v-if="refund_data.order_status == 3">
<view>
<text>退货退款</text>
<text class="font-size-goods-tag color-tip">已收到货，需退还收到的货物</text>
</view>
<text class="iconfont icon-right"></text>
</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</view>
</template>
<script>
import uniPopup from '@/components/uni-popup/uni-popup.vue';
export default {
components: {
uniPopup
},
data() {
return {
order_id: '',
isIphoneX: false,
refund_data: {},
};
},
onLoad(option) {
if (option.order_id) this.order_id = option.order_id;
},
onShow() {
this.isIphoneX = this.$util.uniappIsIPhoneX();
if (this.storeToken) {
this.getRefundData();
} else {
this.$util.redirectTo('/pages_tool/login/login', {
back: '/pages_tool/order/refund?order_goods_id=' + this.order_goods_id
});
}
},
methods: {
/**
* 选择退款方式
* @param {Object} type
*/
selectRefundType(type) {
this.$util.redirectTo('/pages_tool/order/refund_goods_select', {
refund_type: type
});
},
/**
* 获取退款订单数据
*/
getRefundData() {
this.$api.sendRequest({
url: '/api/order/detail',
data: {
order_id: this.order_id
},
success: res => {
if (res.code >= 0) {
this.refund_data = res.data;
uni.setStorage({
key: 'refund_goods_data',
data: JSON.stringify(res.data.order_goods),
})
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: '未获取到该订单项退款信息'
});
setTimeout(() => {
this.$util.redirectTo('/pages/order/list');
}, 1000);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
}
};
</script>
<style lang="scss">
@import './public/css/refund.scss';
</style>
<style scoped>
/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
background: none;
max-height: unset !important;
overflow-y: hidden !important;
}
/deep/ .uni-popup__wrapper {
border-radius: 20rpx 20rpx 0 0;
}
/deep/ .uni-popup {
z-index: 8;
}
.sub-btn {
padding-top: 20rpx;
background-color: #FFFFFF;
}
</style>

379
pages_tool/pay/cashier.vue Normal file
View File

@@ -0,0 +1,379 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="cashier">
<block v-if="payInfo">
<block v-if="payInfo.pay_status == 0">
<text class="content">{{ payInfo.pay_body }}</text>
<view class="money-wrap">
<text class="unit price-font">￥</text>
<text class="money price-font">{{ payInfo.pay_money | moneyFormat }}</text>
</view>
<block v-if="payTypeList.length > 0">
<view class="pay-type">
<view class="payment-item" v-for="(item, index) in payTypeList" :key="index" @click="payIndex = index">
<view>
<text class="iconfont" :class="item.icon"></text>
<text class="name">{{ item.name }}</text>
</view>
<text class="iconfont" :class="payIndex == index ? 'icon-yuan_checked color-base-text' : 'icon-checkboxblank'"></text>
</view>
</view>
<button type="primary" @click="confirm">确认支付</button>
</block>
<view v-else class="empty">店铺尚未配置支付方式！</view>
</block>
<ns-empty text="该支付单据已支付" :is-index="true" v-else></ns-empty>
</block>
<ns-empty text="未获取到支付信息" :is-index="true" v-else></ns-empty>
<ns-login ref="login"></ns-login>
</view>
</template>
<script>
import { Weixin } from 'common/js/wx-jssdk.js';
export default {
data() {
return {
payIndex: 0,
// #ifdef H5
payTypeList: [
{
name: '支付宝支付',
icon: 'icon-zhifubaozhifu-',
type: 'alipay'
},
{
name: '微信支付',
icon: 'icon-weixin1',
type: 'wechatpay'
}
],
timer: null,
// #endif
// #ifdef MP-WEIXIN
payTypeList: [{
name: '微信支付',
provider: 'wxpay',
icon: 'icon-weixin1',
type: 'wechatpay'
}],
// #endif
payInfo: null,
outTradeNo: ''
};
},
onLoad(option) {
this.getPayType();
this.outTradeNo = option.out_trade_no || '';
this.getPayInfo();
},
methods: {
getPayInfo() {
this.$api.sendRequest({
url: '/api/pay/info',
data: {
out_trade_no: this.outTradeNo
},
success: res => {
if (res.code >= 0 && res.data) {
this.payInfo = res.data;
if (this.payInfo.pay_status == 0) {
setTimeout(() => {
this.autoPay();
}, 500)
}
}
}
});
},
getPayType() {
this.$api.sendRequest({
url: '/api/pay/type',
success: res => {
if (res.data.pay_type == '') {
this.payTypeList = [];
} else {
this.payTypeList.forEach((val, key) => {
if (res.data.pay_type.indexOf(val.type) == -1) {
this.payTypeList.splice(key, 1);
}
});
}
}
});
},
autoPay(){
if (!this.payTypeList.length) return;
if (this.$util.isWeiXin()) {
this.payTypeList.forEach((item, index) => {
if (item.type == 'wechatpay') {
this.payIndex = index;
this.confirm();
}
})
} else if (/AlipayClient/.test(window.navigator.userAgent)) {
this.payTypeList.forEach((item, index) => {
if (item.type == 'alipay') {
this.payIndex = index;
this.confirm();
}
})
}
},
confirm() {
if (!this.storeToken) {
this.$nextTick(() => {
this.$refs.login.open('/pages_tool/pay/cashier?out_trade_no=' + this.outTradeNo);
});
return;
}
if (this.payTypeList.length == 0 && this.payInfo.pay_money > 0) {
this.$util.showToast({
title: '请选择支付方式！'
});
return;
}
uni.showLoading({
title: '支付中...',
mask: true
});
this.pay();
},
// #ifdef H5
pay() {
var payType = this.payTypeList[this.payIndex];
if (!payType) return;
let returnUrl = encodeURIComponent(this.$config.h5Domain + '/pages_tool/pay/result?code=' + this.payInfo.out_trade_no);
this.$api.sendRequest({
url: '/api/pay/pay',
data: {
out_trade_no: this.payInfo.out_trade_no,
pay_type: payType.type,
return_url: returnUrl
},
success: res => {
uni.hideLoading();
if (res.code >= 0) {
switch (payType.type) {
case 'alipay':
if (this.$util.isWeiXin()) {
var wx_alipay = encodeURIComponent(res.data.data);
this.$util.redirectTo('/pages/pay/wx_pay/wx_pay', { wx_alipay: wx_alipay, out_trade_no: this.payInfo.out_trade_no }, 'redirectTo');
} else {
location.href = res.data.data;
this.checkPayStatus();
}
break;
case 'wechatpay':
if (this.$util.isWeiXin()) {
if (uni.getSystemInfoSync().platform == 'ios') {
var url = uni.getStorageSync('initUrl');
} else {
var url = location.href;
}
// 获取jssdk配置
this.$api.sendRequest({
url: '/wechat/api/wechat/jssdkconfig',
data: { url: url },
success: jssdkRes => {
var wxJS = new Weixin(),
payData = res.data.data;
wxJS.init(jssdkRes.data);
wxJS.pay(
{
timestamp: payData.timestamp,
nonceStr: payData.nonceStr,
package: payData.package,
signType: payData.signType,
paySign: payData.paySign
},
res => {
if (res.errMsg == 'chooseWXPay:ok') {
if (!this.back) this.$util.redirectTo('/pages_tool/pay/result', { code: this.payInfo.out_trade_no }, 'redirectTo');
else location.replace(this.back + '/pages_tool/pay/result?code=' + this.payInfo.out_trade_no);
} else {
this.$util.showToast({ title: res.errMsg });
}
}
);
}
});
} else {
location.href = res.data.url;
this.checkPayStatus();
}
break;
}
} else {
this.$util.showToast({ title: res.message });
}
},
fail: res => {
uni.hideLoading();
this.$util.showToast({ title: 'request:fail' });
}
});
},
checkPayStatus() {
this.timer = setInterval(() => {
this.$api.sendRequest({
url: '/api/pay/status',
data: { out_trade_no: this.payInfo.out_trade_no },
success: res => {
if (res.code == 0) {
if (res.data.pay_status == 2) {
clearInterval(this.timer);
this.$util.redirectTo('/pages_tool/pay/result', { code: this.payInfo.out_trade_no }, 'redirectTo');
}
} else {
clearInterval(this.timer);
}
}
});
}, 1000);
},
// #endif
// #ifdef MP-WEIXIN
pay() {
var payType = this.payTypeList[this.payIndex];
if (!payType) return;
this.$api.sendRequest({
url: '/api/pay/pay',
data: {
out_trade_no: this.payInfo.out_trade_no,
pay_type: payType.type
},
success: res => {
uni.hideLoading();
if (res.code >= 0) {
var payData = res.data.data;
uni.requestPayment({
provider: payType.provider,
timeStamp: payData.timeStamp,
nonceStr: payData.nonceStr,
package: payData.package,
signType: payData.signType,
paySign: payData.paySign,
success: res => {
this.$util.redirectTo('/pages_tool/pay/result', { code: this.payInfo.out_trade_no }, 'redirectTo');
},
fail: res => {
this.flag = false;
if (res.errMsg == 'requestPayment:fail cancel') {
this.$util.showToast({ title: '您已取消支付' });
} else {
uni.showModal({ content: '支付失败,失败原因: ' + res.errMsg, showCancel: false });
}
}
});
} else {
this.$util.showToast({ title: res.message });
}
},
fail: res => {
uni.hideLoading();
this.$util.showToast({ title: 'request:fail' });
}
});
}
// #endif
},
watch: {
storeToken: function(nVal, oVal) {
if (nVal) {
this.getPayInfo();
}
}
},
filters: {
/**
* 金额格式化输出
* @param {Object} money
*/
moneyFormat(money) {
return parseFloat(money).toFixed(2);
}
}
};
</script>
<style lang="scss" scoped>
.cashier {
display: flex;
align-items: center;
flex-direction: column;
padding: 80rpx 26rpx;
.content {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
padding: 0 60rpx;
text-align: center;
}
.money-wrap {
font-weight: bold;
margin: 40rpx 0;
.unit {
font-size: 40rpx;
margin-right: 6rpx;
}
.money {
font-size: 70rpx;
}
}
.pay-type {
width: 100%;
background: #fff;
border-radius: 20rpx;
.payment-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 90rpx;
border-bottom: 2rpx solid $color-line;
padding: 20rpx 30rpx;
&:last-of-type {
border-bottom: none;
}
> view {
display: flex;
align-items: center;
.name {
margin-left: 20rpx;
}
}
.iconfont {
font-size: 64rpx;
}
.icon-weixin1 {
color: #24af41;
}
.icon-zhifubaozhifu- {
color: #00a0e9;
}
.icon-yuan_checked {
font-size: 40rpx;
color: $base-color;
}
.icon-checkboxblank {
font-size: 40rpx;
}
}
}
button {
width: 100%;
margin-top: 80rpx !important;
background: $base-color;
height: 90rpx;
line-height: 90rpx;
border-radius: 90rpx;
}
}
</style>

133
pages_tool/pay/index.vue Normal file
View File

@@ -0,0 +1,133 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<scroll-view scroll-y="true" class="pay-container">
<view class="payment-amount">
<text class="amount-tit">{{ $lang('paymentAmount') }}</text>
<view class="amount-num">
{{ $lang('common.currencySymbol') }}
<text>{{ payInfo.pay_money }}</text>
</view>
<view class="payment-name">{{ payInfo.pay_body }}</view>
</view>
<loading-cover ref="loadingCover"></loading-cover>
</scroll-view>
</template>
<script>
export default {
components: {},
data() {
return {
isIphoneX: false,
payInfo: {},
outTradeNo: '',
};
},
onLoad(option) {
if (option.code) this.outTradeNo = option.code;
this.isIphoneX = this.$util.uniappIsIPhoneX();
},
onShow() {
if (!this.storeToken) {
this.$util.redirectTo('/pages_tool/login/login');
} else {
this.getPayInfo();
}
},
methods: {
getPayInfo() {
this.$api.sendRequest({
url: '/api/pay/info',
data: {
out_trade_no: this.outTradeNo
},
success: res => {
if (res.code >= 0 && res.data) {
this.payInfo = res.data;
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: '未获取到支付信息！'
});
setTimeout(() => {
this.$util.redirectTo('/pages/index/index');
}, 1500);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
}
}
};
</script>
<style lang="scss">
.pay-container {
width: 100vw;
height: 100vh;
}
@mixin flex-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@mixin flex-row {
display: flex;
align-items: center;
justify-content: space-between;
}
.payment-amount {
@include flex-column;
margin: $margin-updown $margin-both;
border-radius: 8rpx;
padding: 20rpx 0 58rpx 0;
background-color: #fff;
.amount-tit {
font-size: $font-size-base;
color: #838383;
line-height: 1;
margin-top: 44rpx;
}
.amount-num {
color: #000;
margin-top: 36rpx;
line-height: 1;
text {
font-size: $font-size-toolbar;
color: #000;
}
}
.amount-desc {
font-size: $font-size-tag;
color: #838383;
padding: 0 40rpx;
width: 100%;
box-sizing: border-box;
text-align: center;
line-height: 1;
text {
width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
.payment-name {
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #838383;
margin-top: 30rpx;
text-align: center;
line-height: 1;
}
}
</style>

344
pages_tool/pay/result.vue Normal file
View File

@@ -0,0 +1,344 @@
<template>
<page-meta :page-style="themeColor"></page-meta>
<view class="container">
<template v-if="payInfo.pay_status != undefined">
<view class="result-box">
<template v-if="payInfo.pay_status">
<image :src="$util.img('public/uniapp/pay/pay_success.png')" mode="widthFix" lazy-load="true" class="result-image"/>
<view class="msg success">{{ $lang('paymentSuccess') }}</view>
<view class="pay-amount">
<text class="unit price-style small">{{ $lang('common.currencySymbol') }}</text>
<text class="price-style large">{{ parseFloat(payInfo.pay_money).toFixed(2).split(".")[0] }}</text>
<text class="price-style small">.{{ parseFloat(payInfo.pay_money).toFixed(2).split(".")[1] }}</text>
</view>
</template>
<template v-else>
<image :src="$util.img('public/uniapp/pay/pay_fail.png')" mode="widthFix" class="result-image"/>
<view class="msg fail">{{ $lang('paymentFail') }}</view>
</template>
<view class="consume-box" v-if="addonIsExist.memberconsume && consumeStatus == 1 && payInfo.pay_status">
<view class="consume-head">
<view class="consume-head-text">恭喜您获得</view>
</view>
<view class="consume-list">
<view class="consume-item" v-if="consumeInfo.point_num > 0">
<image :src="$util.img('public/uniapp/pay/point.png')" mode="widthFix"></image>
<view class="consume-value color-base-text">{{ consumeInfo.point_num }}</view>
<view class="consume-type">积分</view>
</view>
<view class="consume-item" v-if="consumeInfo.growth_num > 0">
<image :src="$util.img('public/uniapp/pay/growth.png')" mode="widthFix"></image>
<view class="consume-value color-base-text">{{ consumeInfo.growth_num }}</view>
<view class="consume-type">成长值</view>
</view>
<view class="consume-item" v-if="consumeInfo.coupon_list.length > 0">
<image :src="$util.img('public/uniapp/pay/coupon.png')" mode="widthFix"></image>
<view class="consume-value color-base-text">{{ consumeInfo.coupon_list.length }}</view>
<view class="consume-type">张优惠券</view>
</view>
</view>
</view>
<view class="action">
<template v-if="storeToken">
<view v-if="paySource == 'recharge'" class="btn" @click="toRecharge()">充值记录</view>
<view v-else-if="paySource == 'membercard'" class="btn" @click="toCard()">会员卡</view>
<view v-else-if="paySource == 'presale'" class="btn" @click="toPresaleOrder()">查看订单</view>
<view v-else-if="paySource == 'giftcard'" class="btn" @click="toOrder()">查看订单</view>
<view v-else-if="paySource == 'pointexchange'" class="btn" @click="toExchangeOrder()">查看订单
</view>
<view v-else class="btn" @click="toOrderDetail(payInfo.order_id)">查看订单</view>
</template>
<view class="btn go-home" @click="goHome()">{{ $lang('goHome') }}</view>
</view>
</view>
<ns-goods-recommend route="pay"></ns-goods-recommend>
</template>
<loading-cover ref="loadingCover"></loading-cover>
</view>
</template>
<script>
export default {
data() {
return {
payInfo: {},
outTradeNo: '',
paySource: '',
consumeInfo: {},
consumeStatus: 0,
};
},
onLoad(option) {
if (option.code) this.outTradeNo = option.code;
this.paySource = uni.getStorageSync('paySource');
},
onShow() {
this.getPayInfo();
this.getConsume();
},
methods: {
consume(type) {
switch (type) {
case 'point':
this.$util.redirectTo('/pages_tool/member/point_detail', {});
break;
case 'growth':
this.$util.redirectTo('/pages_tool/member/level', {});
break;
case 'coupon':
this.$util.redirectTo('/pages_tool/member/coupon', {});
break;
default:
this.$util.redirectTo('/pages/member/index', {}, 'reLaunch');
break;
}
},
getConsume() {
this.$api.sendRequest({
url: '/memberconsume/api/config/info',
data: {
out_trade_no: this.outTradeNo
},
success: res => {
if (res.code >= 0 && res.data) {
let reward = res.data.value;
if (res.data.is_use && (reward.point_num > 0 || reward.growth_num > 0 || reward.coupon_list.length)) {
this.consumeStatus = res.data.is_use;
this.consumeInfo = res.data.value;
}
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
getPayInfo() {
this.$api.sendRequest({
url: '/api/pay/info',
data: {
out_trade_no: this.outTradeNo
},
success: res => {
if (res.code >= 0 && res.data) {
this.payInfo = res.data;
this.payInfo.pay_money = parseFloat(res.data.pay_money);
this.payInfo.pay_money += parseFloat(res.data.balance);
this.payInfo.pay_money += parseFloat(res.data.balance_money);
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
} else {
this.$util.showToast({
title: '未获取到支付信息！'
});
setTimeout(() => {
this.$util.redirectTo('/pages/index/index', {}, 'reLaunch');
}, 1500);
}
},
fail: res => {
if (this.$refs.loadingCover) this.$refs.loadingCover.hide();
}
});
},
goHome() {
this.$util.redirectTo('/pages/index/index', {}, 'reLaunch');
},
toOrderDetail(id) {
if (this.payInfo.order_type == 2) {
this.$util.redirectTo('/pages/order/detail_pickup', {
order_id: id
}, 'redirectTo');
} else if (this.payInfo.order_type == 3) {
this.$util.redirectTo('/pages/order/detail_local_delivery', {
order_id: id
}, 'redirectTo');
} else if (this.payInfo.order_type == 4) {
this.$util.redirectTo('/pages_tool/order/detail_virtual', {
order_id: id
}, 'redirectTo');
} else {
this.$util.redirectTo('/pages/order/detail', {
order_id: id
}, 'redirectTo');
}
},
toOrder(id) {
this.$util.redirectTo('/pages_promotion/giftcard/order_list', {}, 'redirectTo');
uni.setStorageSync('paySource', '');
},
toRecharge() {
this.$util.redirectTo('/pages_tool/recharge/order_list', {}, 'redirectTo');
uni.setStorageSync('paySource', '');
},
toCard() {
this.$util.redirectTo('/pages_tool/member/card', {}, 'redirectTo');
uni.setStorageSync('paySource', '');
},
toPresaleOrder() {
this.$util.redirectTo('/pages_promotion/presale/order_list', {}, 'redirectTo');
uni.setStorageSync('paySource', '');
},
toExchangeOrder() {
this.$util.redirectTo('/pages_promotion/point/order_list', {}, 'redirectTo');
uni.setStorageSync('paySource', '');
}
}
};
</script>
<style lang="scss">
.consume-box {
padding: $padding;
background: #F8F8F8;
width: calc(100% - 48rpx);
margin: 0 24rpx 0 24rpx;
box-sizing: border-box;
border-radius: 20rpx;
.consume-head {
display: flex;
justify-content: center;
font-weight: 500;
font-size: 26rpx;
.consume-head-text {
line-height: 1;
}
}
.consume-list {
display: flex;
}
.consume-item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
color: $color-title;
font-size: $font-size-base;
margin-top: 10rpx;
image {
width: 24rpx;
margin-right: 4rpx;
}
.consume-value {
font-size: 26rpx;
}
}
.consume-remark {
color: $color-tip;
font-size: $font-size-tag;
padding: 10rpx 20rpx;
}
}
.clear {
clear: both;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
.result-box {
padding-top: 94rpx;
display: flex;
flex-direction: column;
align-items: center;
background-color: #FFFFFF;
width: 100%;
padding-bottom: 40rpx;
}
.result-image {
width: 80rpx;
height: auto;
will-change: transform;
}
.msg {
font-size: 32rpx;
margin-top: 25rpx;
&.success {
color: #09BB07;
}
&.fail {
color: #FF4646;
}
}
.pay-amount {
font-size: 30rpx;
margin: 40rpx 0 24rpx 0;
font-weight: 600;
line-height: 50rpx;
text {
color: #333333 !important;
font-weight: bold !important;
}
.unit {
margin-right: 4rpx;
}
.large {
font-size: 60rpx !important;
}
.small {
font-size: 36rpx !important;
}
}
.action {
width: 100%;
height: 80rpx;
display: flex;
justify-content: center;
box-sizing: border-box;
margin-top: 24rpx;
.btn {
font-size: 30rpx;
width: 200rpx;
height: 66rpx;
line-height: 66rpx;
text-align: center;
border-radius: 66rpx;
border: 1px solid $color-tip;
box-sizing: border-box;
&:last-child {
margin-left: 40rpx;
}
}
.go-home {
background-color: $base-color;
color: #fff;
border-color: $base-color;
}
}
}
/deep/ .goods-recommend {
margin-top: 30rpx;
}
</style>
<style scoped>
/deep/ .sku-layer .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
max-height: unset !important;
}
</style>

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