修改移动端授权登录bug,没有展示自营标志,以及新增商品详情 自营以及商品数量收藏数量展示
parent
2f180d5178
commit
1489deb618
5
App.vue
5
App.vue
|
@ -51,8 +51,8 @@ export default {
|
||||||
onLaunch: function () {
|
onLaunch: function () {
|
||||||
// #ifdef APP-PLUS
|
// #ifdef APP-PLUS
|
||||||
this.checkArguments(); // 检测启动参数
|
this.checkArguments(); // 检测启动参数
|
||||||
APPUpdate();
|
APPUpdate();
|
||||||
|
|
||||||
// 重点是以下: 一定要监听后台恢复 !一定要
|
// 重点是以下: 一定要监听后台恢复 !一定要
|
||||||
plus.globalEvent.addEventListener("newintent", (e) => {
|
plus.globalEvent.addEventListener("newintent", (e) => {
|
||||||
this.checkArguments(); // 检测启动参数
|
this.checkArguments(); // 检测启动参数
|
||||||
|
@ -65,7 +65,6 @@ export default {
|
||||||
this.getClipboard();
|
this.getClipboard();
|
||||||
// #endif
|
// #endif
|
||||||
},
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
// TODO 开屏广告 后续优化添加
|
// TODO 开屏广告 后续优化添加
|
||||||
launch() {
|
launch() {
|
||||||
|
|
|
@ -4,10 +4,10 @@
|
||||||
*/
|
*/
|
||||||
// 开发环境
|
// 开发环境
|
||||||
const dev = {
|
const dev = {
|
||||||
common: "http://192.168.0.100:8890",
|
// common: "http://192.168.0.100:8890",
|
||||||
buyer: "http://192.168.0.100:8888",
|
// buyer: "http://192.168.0.100:8888",
|
||||||
// common: "https://common-api.pickmall.cn",
|
common: "https://common-api.pickmall.cn",
|
||||||
// buyer: "https://buyer-api.pickmall.cn",
|
buyer: "https://buyer-api.pickmall.cn",
|
||||||
};
|
};
|
||||||
// 生产环境
|
// 生产环境
|
||||||
const prod = {
|
const prod = {
|
||||||
|
|
|
@ -408,7 +408,9 @@
|
||||||
{
|
{
|
||||||
"path": "wechatMPLogin",
|
"path": "wechatMPLogin",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "小程序登录"
|
"navigationBarTitleText": "小程序登录",
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"navigationBarTextStyle": "black"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
|
@ -179,7 +179,7 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="storeSellerName">
|
<div class="storeSellerName">
|
||||||
<div class="textHidden">
|
<div class="textHidden">
|
||||||
<u-tag style="margin-right: 10rpx" size="mini" mode="dark" v-if="item.selfOperated == 1" text="自营" type="error" />
|
<u-tag style="margin-right: 10rpx" size="mini" mode="dark" v-if="item.selfOperated" text="自营" type="error" />
|
||||||
<span>{{ item.storeName || "暂无" }}</span>
|
<span>{{ item.storeName || "暂无" }}</span>
|
||||||
</div>
|
</div>
|
||||||
<span>
|
<span>
|
||||||
|
@ -314,7 +314,7 @@ export default {
|
||||||
isSWitch: false,
|
isSWitch: false,
|
||||||
|
|
||||||
params: {
|
params: {
|
||||||
pageNumber: 0,
|
pageNumber: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
// sort: 'grade_asc',
|
// sort: 'grade_asc',
|
||||||
sort: "releaseTime",
|
sort: "releaseTime",
|
||||||
|
@ -324,7 +324,7 @@ export default {
|
||||||
minPrice: "",
|
minPrice: "",
|
||||||
maxPrice: "",
|
maxPrice: "",
|
||||||
sortParams: {
|
sortParams: {
|
||||||
pageNumber: 0,
|
pageNumber: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
|
|
||||||
// price: "", //价格,示例值(10_30)
|
// price: "", //价格,示例值(10_30)
|
||||||
|
@ -474,7 +474,7 @@ export default {
|
||||||
this.minPrice = "";
|
this.minPrice = "";
|
||||||
this.maxPrice = "";
|
this.maxPrice = "";
|
||||||
this.params = {
|
this.params = {
|
||||||
pageNumber: 0,
|
pageNumber: 1,
|
||||||
pageSize: 10,
|
pageSize: 10,
|
||||||
};
|
};
|
||||||
this.loadData();
|
this.loadData();
|
||||||
|
@ -545,7 +545,7 @@ export default {
|
||||||
},
|
},
|
||||||
|
|
||||||
tabClick(index, type) {
|
tabClick(index, type) {
|
||||||
this.params.pageNumber = 0;
|
this.params.pageNumber = 1;
|
||||||
this.params.pageSize = 10;
|
this.params.pageSize = 10;
|
||||||
// this.params.order = "desc";
|
// this.params.order = "desc";
|
||||||
if (this.params.sort == type) {
|
if (this.params.sort == type) {
|
||||||
|
@ -687,7 +687,7 @@ export default {
|
||||||
this.isShowSeachGoods = true;
|
this.isShowSeachGoods = true;
|
||||||
this.$refs.mSearch.isShowSeachGoods = true;
|
this.$refs.mSearch.isShowSeachGoods = true;
|
||||||
this.params.keyword = keyword;
|
this.params.keyword = keyword;
|
||||||
this.params.pageNumber = 0;
|
this.params.pageNumber = 1;
|
||||||
this.$set(this.sortParams, "keyword", keyword);
|
this.$set(this.sortParams, "keyword", keyword);
|
||||||
|
|
||||||
this.loadData("refresh", 1);
|
this.loadData("refresh", 1);
|
||||||
|
|
|
@ -13,10 +13,10 @@
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import { webConnect, openIdLogin } from "@/api/connect.js";
|
import { openIdLogin } from "@/api/connect.js";
|
||||||
import { whetherNavigate } from "@/utils/Foundation"; //登录跳转
|
import { whetherNavigate } from "@/utils/Foundation"; //登录跳转
|
||||||
import { getUserInfo } from "@/api/members";
|
import { getUserInfo } from "@/api/members";
|
||||||
import storage from "@/utils/storage.js";
|
import storage from "@/utils/storage.js";
|
||||||
import api from "@/config/api.js";
|
import api from "@/config/api.js";
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
@ -147,7 +147,7 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
// #ifdef H5
|
// #ifdef H5
|
||||||
let code = connectLogin.code;
|
let code = connectLogin.code;
|
||||||
let buyer = api.buyer;
|
let buyer = api.buyer;
|
||||||
window.open(buyer+`/connect/login/web/`+code, "_self");
|
window.open(buyer+`/connect/login/web/`+code, "_self");
|
||||||
// #endif
|
// #endif
|
||||||
|
|
|
@ -1,234 +1,244 @@
|
||||||
<template>
|
<template>
|
||||||
<view class="container">
|
<view class="container">
|
||||||
<u-modal v-model="phoneAuthPopup" :title="projectName+'商城'" :show-confirm-button="false">
|
<u-navbar :custom-back="back" title="小程序登录"></u-navbar>
|
||||||
<div class="tips">
|
<u-modal v-model="phoneAuthPopup" :mask-close-able="true" :title="projectName+'商城'" :show-confirm-button="false">
|
||||||
为了更好地用户体验,需要您授权手机号
|
<div class="tips">
|
||||||
</div>
|
为了更好地用户体验,需要您授权手机号
|
||||||
<button class="register" type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
</div>
|
||||||
去授权
|
<button class="register" type="primary" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">
|
||||||
</button>
|
去授权
|
||||||
</u-modal>
|
</button>
|
||||||
<view class="wx-auth-container">
|
</u-modal>
|
||||||
<div class="box">
|
<view class="wx-auth-container">
|
||||||
<view class="logo-info">
|
<div class="box">
|
||||||
<text class="title">欢迎进入{{ projectName }}商城</text>
|
<view class="logo-info">
|
||||||
</view>
|
<text class="title">欢迎进入{{ projectName }}商城</text>
|
||||||
<view class="small-tips">
|
</view>
|
||||||
<view>为您提供优质服务,{{ projectName }}需要获取以下信息</view>
|
<view class="small-tips">
|
||||||
<view>您的公开信息(昵称、头像)</view>
|
<view>为您提供优质服务,{{ projectName }}需要获取以下信息</view>
|
||||||
</view>
|
<view>您的公开信息(昵称、头像)</view>
|
||||||
<view class="btns">
|
</view>
|
||||||
<button type="primary" bindtap="getUserProfile" @click="getUserProfile()"
|
<view class="btns">
|
||||||
class="btn-auth">确认微信授权</button>
|
<button type="primary" bindtap="getUserProfile" @click="getUserProfile()" class="btn-auth">确认微信授权</button>
|
||||||
</view>
|
</view>
|
||||||
</div>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
import {
|
import { mpAutoLogin } from "@/api/connect.js";
|
||||||
mpAutoLogin
|
|
||||||
} from "@/api/connect.js";
|
|
||||||
|
|
||||||
import {
|
import { whetherNavigate } from "@/utils/Foundation"; //登录跳转
|
||||||
getUserInfo
|
import { getUserInfo } from "@/api/members";
|
||||||
} from "@/api/members";
|
import storage from "@/utils/storage.js";
|
||||||
import storage from "@/utils/storage.js";
|
export default {
|
||||||
export default {
|
data() {
|
||||||
data() {
|
return {
|
||||||
return {
|
// 是否展示手机号码授权弹窗,默认第一步不展示,要先获取用户基础信息
|
||||||
// 是否展示手机号码授权弹窗,默认第一步不展示,要先获取用户基础信息
|
phoneAuthPopup: false,
|
||||||
phoneAuthPopup: false,
|
// 授权信息展示,商城名称
|
||||||
// 授权信息展示,商城名称
|
projectName: "LiLi",
|
||||||
projectName: "LiLi",
|
//微信返回信息,用于揭秘信息,获取sessionkey
|
||||||
//微信返回信息,用于揭秘信息,获取sessionkey
|
code: "",
|
||||||
code: '',
|
//微信昵称
|
||||||
//微信昵称
|
nickName: "",
|
||||||
nickName: '',
|
//微信头像
|
||||||
//微信头像
|
image: "",
|
||||||
image: '',
|
};
|
||||||
};
|
},
|
||||||
},
|
|
||||||
//微信小程序进入页面,先获取code,否则几率出现code和后续交互数据不对应情况
|
|
||||||
mounted() {
|
|
||||||
let that = this;
|
|
||||||
//获取code
|
|
||||||
uni.login({
|
|
||||||
success: (res) => {
|
|
||||||
that.code = res.code;
|
|
||||||
},
|
|
||||||
});
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
//获取用户信息
|
|
||||||
getUserProfile(e) {
|
|
||||||
let that = this;
|
|
||||||
// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认
|
|
||||||
uni.getUserProfile({
|
|
||||||
desc: '用于完善会员资料', // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
|
|
||||||
success: (res) => {
|
|
||||||
that.nickName = res.userInfo.nickName;
|
|
||||||
that.image = res.userInfo.avatarUrl;
|
|
||||||
//展示手机号获取授权
|
|
||||||
this.phoneAuthPopup = true;
|
|
||||||
},
|
|
||||||
fail: (res) => {
|
|
||||||
that.nickName = "微信用户";
|
|
||||||
that.image =
|
|
||||||
"https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132";
|
|
||||||
//展示手机号获取授权
|
|
||||||
this.phoneAuthPopup = true;
|
|
||||||
}
|
|
||||||
})
|
|
||||||
},
|
|
||||||
//获取手机号授权
|
|
||||||
getPhoneNumber(e) {
|
|
||||||
|
|
||||||
let that = this;
|
//微信小程序进入页面,先获取code,否则几率出现code和后续交互数据不对应情况
|
||||||
let iv = e.detail.iv;
|
mounted() {
|
||||||
let encryptedData = e.detail.encryptedData;
|
|
||||||
if (!e.detail.encryptedData) {
|
|
||||||
uni.showToast({
|
|
||||||
title: "请授予手机号码权限,手机号码会和会员系统用户绑定!",
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
let code = this.code;
|
// 小程序默认分享
|
||||||
let image = this.image;
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
let nickName = this.nickName;
|
|
||||||
mpAutoLogin({
|
|
||||||
encryptedData,
|
|
||||||
iv,
|
|
||||||
code,
|
|
||||||
image,
|
|
||||||
nickName,
|
|
||||||
}).then((res) => {
|
|
||||||
storage.setAccessToken(res.data.result.accessToken);
|
|
||||||
storage.setRefreshToken(res.data.result.refreshToken);
|
|
||||||
// 登录成功
|
|
||||||
uni.showToast({
|
|
||||||
title: "登录成功!",
|
|
||||||
icon: "none",
|
|
||||||
});
|
|
||||||
//获取用户信息
|
|
||||||
getUserInfo().then((user) => {
|
|
||||||
storage.setUserInfo(user.data.result);
|
|
||||||
storage.setHasLogin(true);
|
|
||||||
setTimeout(() => {
|
|
||||||
uni.navigateBack({
|
|
||||||
delta: 1,
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
});
|
|
||||||
|
|
||||||
});
|
let that = this;
|
||||||
|
//获取code
|
||||||
|
uni.login({
|
||||||
|
success: (res) => {
|
||||||
|
that.code = res.code;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/**
|
||||||
|
* TODO 此方法不一定是最优解,如果有更好的办法请在 https://gitee.com/beijing_hongye_huicheng/lilishop/issues 中提出
|
||||||
|
* 小程序返回bug
|
||||||
|
* 1.介于微信登录是在login.vue的基础上作为判断跳转来
|
||||||
|
* 所以在页面栈中会自动记录回退路径,所以导致每次微信小程序点击回退就会自动返回login页面
|
||||||
|
* 当然login页面的判断就是 没有登录就会跳转到微信小程序页面 导致了无法回退到之前页面
|
||||||
|
* 2.解决方法: 尝试在回退的时候判断地址,让回退多一级这样就避免了
|
||||||
|
*/
|
||||||
|
|
||||||
},
|
back() {
|
||||||
},
|
whetherNavigate('wx');
|
||||||
};
|
},
|
||||||
|
//获取用户信息
|
||||||
|
getUserProfile(e) {
|
||||||
|
let that = this;
|
||||||
|
// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接口获取用户个人信息均需用户确认
|
||||||
|
uni.getUserProfile({
|
||||||
|
desc: "用于完善会员资料", // 声明获取用户个人信息后的用途,后续会展示在弹窗中,请谨慎填写
|
||||||
|
success: (res) => {
|
||||||
|
that.nickName = res.userInfo.nickName;
|
||||||
|
that.image = res.userInfo.avatarUrl;
|
||||||
|
//展示手机号获取授权
|
||||||
|
this.phoneAuthPopup = true;
|
||||||
|
},
|
||||||
|
fail: (res) => {
|
||||||
|
that.nickName = "微信用户";
|
||||||
|
that.image =
|
||||||
|
"https://thirdwx.qlogo.cn/mmopen/vi_32/POgEwh4mIHO4nibH0KlMECNjjGxQUq24ZEaGT4poC6icRiccVGKSyXwibcPq4BWmiaIGuG1icwxaQX6grC9VemZoJ8rg/132";
|
||||||
|
//展示手机号获取授权
|
||||||
|
this.phoneAuthPopup = true;
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//获取手机号授权
|
||||||
|
getPhoneNumber(e) {
|
||||||
|
let iv = e.detail.iv;
|
||||||
|
let encryptedData = e.detail.encryptedData;
|
||||||
|
if (!e.detail.encryptedData) {
|
||||||
|
uni.showToast({
|
||||||
|
title: "请授予手机号码权限,手机号码会和会员系统用户绑定!",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
let code = this.code;
|
||||||
|
let image = this.image;
|
||||||
|
let nickName = this.nickName;
|
||||||
|
mpAutoLogin({
|
||||||
|
encryptedData,
|
||||||
|
iv,
|
||||||
|
code,
|
||||||
|
image,
|
||||||
|
nickName,
|
||||||
|
}).then((res) => {
|
||||||
|
storage.setAccessToken(res.data.result.accessToken);
|
||||||
|
storage.setRefreshToken(res.data.result.refreshToken);
|
||||||
|
// 登录成功
|
||||||
|
uni.showToast({
|
||||||
|
title: "登录成功!",
|
||||||
|
icon: "none",
|
||||||
|
});
|
||||||
|
//获取用户信息
|
||||||
|
getUserInfo().then((user) => {
|
||||||
|
storage.setUserInfo(user.data.result);
|
||||||
|
storage.setHasLogin(true);
|
||||||
|
setTimeout(() => {
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: 1,
|
||||||
|
});
|
||||||
|
}, 500);
|
||||||
|
});
|
||||||
|
});
|
||||||
|
},
|
||||||
|
},
|
||||||
|
};
|
||||||
</script>
|
</script>
|
||||||
<style>
|
<style lang="scss" scoped>
|
||||||
/*微信授权*/
|
/*微信授权*/
|
||||||
page {
|
page {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wx-auth-container {
|
.wx-auth-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 20%;
|
margin-top: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-info {
|
.logo-info {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
justify-content: flex-start;
|
justify-content: flex-start;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
-webkit-transform: scale(2.5);
|
-webkit-transform: scale(2.5);
|
||||||
transform: scale(2.5);
|
transform: scale(2.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-info-img {
|
.logo-info-img {
|
||||||
width: 80rpx;
|
width: 80rpx;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
text.title,
|
text.title,
|
||||||
text.shop {
|
text.shop {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 60rpx;
|
font-size: 60rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
text.shop {
|
text.shop {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 55rpx;
|
font-size: 55rpx;
|
||||||
color: #333;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.box {
|
.box {
|
||||||
margin: 0 32rpx;
|
margin: 0 32rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 文字提示*/
|
/* 文字提示*/
|
||||||
.small-tips {
|
.small-tips {
|
||||||
width: 94%;
|
width: 94%;
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
margin: 0 0 20rpx;
|
margin: 0 0 20rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-button {
|
.auth-button {
|
||||||
padding: 10px 20px;
|
padding: 10px 20px;
|
||||||
width: calc(100% - 20 * 4rpx);
|
width: calc(100% - 20 * 4rpx);
|
||||||
}
|
}
|
||||||
|
|
||||||
.tips {
|
.tips {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
margin: 6% 10%;
|
margin: 6% 10%;
|
||||||
margin-top: 48rpx;
|
margin-top: 48rpx;
|
||||||
line-height: 1.75;
|
line-height: 1.75;
|
||||||
}
|
}
|
||||||
|
|
||||||
.register {
|
.register {
|
||||||
color: #00a327 !important;
|
color: #00a327 !important;
|
||||||
border: none !important;
|
border: none !important;
|
||||||
background: #fff !important;
|
background: #fff !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn {
|
.btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-auth {
|
.btn-auth {
|
||||||
width: 92%;
|
width: 92%;
|
||||||
margin: 0 auto 100rpx;
|
margin: 0 auto 100rpx;
|
||||||
|
|
||||||
border-radius: 100px;
|
border-radius: 100px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btns {
|
.btns {
|
||||||
margin-top: 100rpx;
|
margin-top: 100rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -442,6 +442,11 @@ export default {
|
||||||
},
|
},
|
||||||
async onLoad(options) {
|
async onLoad(options) {
|
||||||
this.routerVal = options;
|
this.routerVal = options;
|
||||||
|
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 小程序默认分享
|
||||||
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
this.goodsDetail = {};
|
this.goodsDetail = {};
|
||||||
|
|
|
@ -1,26 +1,26 @@
|
||||||
<template>
|
<template>
|
||||||
<view v-if="storeDetail">
|
<view v-if="storeDetail">
|
||||||
<!-- 商店信息 -->
|
<!-- 商店信息 -->
|
||||||
<view class="store-info" >
|
<view class="store-info">
|
||||||
<view class="logo">
|
<view class="logo">
|
||||||
<u-image width="120rpx" mode="aspectFit" height="120rpx" :src="storeDetail.storeLogo"></u-image>
|
<u-image width="120rpx" mode="aspectFit" height="120rpx" :src="storeDetail.storeLogo"></u-image>
|
||||||
</view>
|
</view>
|
||||||
<view class="name-star star-con">
|
<view class="name-star star-con">
|
||||||
<text class="name">{{ storeDetail.storeName }}</text>
|
<div class="name">
|
||||||
<view>
|
{{ storeDetail.storeName }}
|
||||||
<text :class="{ star: storeDetail.store_service_credit > 0 }"></text>
|
<span v-if="storeDetail.selfOperated == 1" class="shopTag">自营</span>
|
||||||
<text :class="{ star: storeDetail.store_service_credit > 1 }"></text>
|
</div>
|
||||||
<text :class="{ star: storeDetail.store_service_credit > 2 }"></text>
|
<div class="store-row">
|
||||||
<text :class="{ star: storeDetail.store_service_credit > 3 }"></text>
|
<div class="collectionNum">{{ storeDetail.collectionNum || 0 }}人关注</div>
|
||||||
<text :class="{ star: storeDetail.store_service_credit > 4 }"></text>
|
<div class="goodsNum">{{ storeDetail.goodsNum || 0 }}件商品</div>
|
||||||
</view>
|
</div>
|
||||||
</view>
|
</view>
|
||||||
<view class="to-store-btn" @click="tostorePage(goodsDetail)">
|
<view class="to-store-btn" @click="tostorePage(goodsDetail)">
|
||||||
<view>进店逛逛</view>
|
<view>进店逛逛</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<view class="store-recommend" >
|
<view class="store-recommend">
|
||||||
<view class="store-recommend-title">商品推荐</view>
|
<view class="store-recommend-title">商品推荐</view>
|
||||||
<view class="recommend-list">
|
<view class="recommend-list">
|
||||||
<view class="recommend-item" @click="clickGoods(item)" v-for="(item, index) in res" :key="index">
|
<view class="recommend-item" @click="clickGoods(item)" v-for="(item, index) in res" :key="index">
|
||||||
|
@ -57,10 +57,9 @@ export default {
|
||||||
},
|
},
|
||||||
// 点击商品
|
// 点击商品
|
||||||
clickGoods(val) {
|
clickGoods(val) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/pages/product/goods?id=${val.id}&goodsId=${val.goodsId}`
|
url: `/pages/product/goods?id=${val.id}&goodsId=${val.goodsId}`,
|
||||||
});
|
});
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
tostorePage(val) {
|
tostorePage(val) {
|
||||||
|
@ -73,7 +72,6 @@ export default {
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
||||||
@import "../product.scss";
|
@import "../product.scss";
|
||||||
.recommend-item-name {
|
.recommend-item-name {
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
|
@ -108,6 +106,16 @@ export default {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.shopTag{
|
||||||
|
background: $main-color;
|
||||||
|
font-size: 24rpx;
|
||||||
|
padding: 0 12rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
font-weight: normal;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
.recommend-list-view {
|
.recommend-list-view {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -135,6 +143,7 @@ export default {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
|
|
||||||
.name {
|
.name {
|
||||||
|
display: flex;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
|
@ -143,7 +152,8 @@ export default {
|
||||||
}
|
}
|
||||||
|
|
||||||
.to-store-btn {
|
.to-store-btn {
|
||||||
padding: 20rpx 0;
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
|
||||||
> view {
|
> view {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
|
@ -164,7 +174,6 @@ export default {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
view {
|
view {
|
||||||
flex: 1;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
||||||
|
@ -215,4 +224,16 @@ export default {
|
||||||
|
|
||||||
margin: 20rpx 0 0 0;
|
margin: 20rpx 0 0 0;
|
||||||
}
|
}
|
||||||
|
.goodsNum,
|
||||||
|
.collectionNum {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
.store-row {
|
||||||
|
display: flex;
|
||||||
|
margin: 10rpx 0;
|
||||||
|
> div {
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -59,7 +59,12 @@ export default {
|
||||||
this.storeId = options.id;
|
this.storeId = options.id;
|
||||||
|
|
||||||
},
|
},
|
||||||
mounted() {},
|
mounted() {
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 小程序默认分享
|
||||||
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
// 点击分享
|
// 点击分享
|
||||||
|
|
|
@ -192,6 +192,12 @@ export default {
|
||||||
WEIXIN_num: "", //购物车兼容微信步进器
|
WEIXIN_num: "", //购物车兼容微信步进器
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 小程序默认分享
|
||||||
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
|
// #endif
|
||||||
|
},
|
||||||
/**
|
/**
|
||||||
* 初始化信息
|
* 初始化信息
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -5,7 +5,7 @@
|
||||||
<u-search class="nav-search" disabled @click.native="search" placeholder="搜索商品" :show-action="false"></u-search>
|
<u-search class="nav-search" disabled @click.native="search" placeholder="搜索商品" :show-action="false"></u-search>
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="content">
|
<view class="content">
|
||||||
<scroll-view scroll-y scroll-with-animation class="left-aside">
|
<scroll-view scroll-y scroll-with-animation class="left-aside">
|
||||||
<view v-for="(item, index) in tabList" :key="item.id" class="f-item b-b" :class="{ active: item.id === currentId }" @click="tabtap(item, index)">
|
<view v-for="(item, index) in tabList" :key="item.id" class="f-item b-b" :class="{ active: item.id === currentId }" @click="tabtap(item, index)">
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</view>
|
</view>
|
||||||
|
@ -47,6 +47,10 @@ export default {
|
||||||
},
|
},
|
||||||
onLoad() {
|
onLoad() {
|
||||||
this.loadData();
|
this.loadData();
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 小程序默认分享
|
||||||
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/**
|
/**
|
||||||
|
@ -112,8 +116,8 @@ uni-scroll-view .uni-scroll-view::-webkit-scrollbar {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
/* #endif */
|
/* #endif */
|
||||||
.s-list{
|
.s-list {
|
||||||
box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.05);
|
box-shadow: 0 4rpx 12rpx 0 rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
.nav-search {
|
.nav-search {
|
||||||
padding-left: 30rpx !important;
|
padding-left: 30rpx !important;
|
||||||
|
|
|
@ -94,6 +94,10 @@ export default {
|
||||||
|
|
||||||
mounted() {
|
mounted() {
|
||||||
this.init();
|
this.init();
|
||||||
|
// #ifdef MP-WEIXIN
|
||||||
|
// 小程序默认分享
|
||||||
|
uni.showShareMenu({ withShareTicket: true });
|
||||||
|
// #endif
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/**
|
/**
|
||||||
|
@ -121,9 +125,9 @@ export default {
|
||||||
let path = encodeURIComponent(res.result);
|
let path = encodeURIComponent(res.result);
|
||||||
config.scanAuthNavigation.forEach((src) => {
|
config.scanAuthNavigation.forEach((src) => {
|
||||||
if (res.result.indexOf(src) != -1) {
|
if (res.result.indexOf(src) != -1) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: `/${res.result.substring(src.length)}`,
|
url: `/${res.result.substring(src.length)}`,
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
|
|
|
@ -14,21 +14,19 @@
|
||||||
* 计算出当前router路径
|
* 计算出当前router路径
|
||||||
* 1.如果跳转的链接为登录页面或跳转的链接为空页面。则会重新跳转到首页
|
* 1.如果跳转的链接为登录页面或跳转的链接为空页面。则会重新跳转到首页
|
||||||
* 2.都不满足返回跳转页面
|
* 2.都不满足返回跳转页面
|
||||||
|
* @param type 'default' || 'wx' //返回地址会做判断默认为default
|
||||||
*/
|
*/
|
||||||
export function whetherNavigate() {
|
|
||||||
|
export function whetherNavigate(type = "default") {
|
||||||
if (getCurrentPages().length > 1) {
|
if (getCurrentPages().length > 1) {
|
||||||
if ((getCurrentPages().length - 2).route == "pages/passport/login") {
|
if ((getCurrentPages().length - 2).route == "pages/passport/login") {
|
||||||
uni.switchTab({
|
navigationToBack(type);
|
||||||
url: "/pages/tabbar/home/index",
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
if (
|
if (
|
||||||
!(getCurrentPages().length - 2).route ||
|
!(getCurrentPages().length - 2).route ||
|
||||||
(getCurrentPages().length - 2).route == "undefined"
|
(getCurrentPages().length - 2).route == "undefined"
|
||||||
) {
|
) {
|
||||||
uni.switchTab({
|
navigationToBack(type);
|
||||||
url: "/pages/tabbar/home/index",
|
|
||||||
});
|
|
||||||
} else {
|
} else {
|
||||||
uni.navigateBack({
|
uni.navigateBack({
|
||||||
delta: getCurrentPages().length - 2,
|
delta: getCurrentPages().length - 2,
|
||||||
|
@ -156,6 +154,20 @@ export function countTimeDown(seconds) {
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function navigationToBack(type) {
|
||||||
|
if (type == "wx") {
|
||||||
|
// console.log(getCurrentPages().length - 3)
|
||||||
|
uni.navigateBack({
|
||||||
|
delta: getCurrentPages().length ,
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
uni.switchTab({
|
||||||
|
url: "/pages/tabbar/home/index",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 计算当前时间到第二天0点的倒计时[秒]
|
* 计算当前时间到第二天0点的倒计时[秒]
|
||||||
* @returns {number}
|
* @returns {number}
|
||||||
|
@ -181,5 +193,5 @@ module.exports = {
|
||||||
randomString,
|
randomString,
|
||||||
countTimeDown,
|
countTimeDown,
|
||||||
theNextDayTime,
|
theNextDayTime,
|
||||||
whetherNavigate
|
whetherNavigate,
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue