wqy
/
JingTong-Font-Mobile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

init

Browse Source
master
RIceWqy 2 years ago
parent 80017c09ad
commit 3954f6b756
16 changed files with 2129 additions and 1531 deletions
Show Stats Download Patch File Download Diff File

2
package.json
Unescape View File

@ -3,7 +3,7 @@
"private": true,
"version": "0.0.0",
"scripts": {
"preinstall": "npx only-allow pnpm",
"preinstall": "npx only-allow npm",
"dev:h5": "uni",
"dev:h5-test": "uni --mode testing",
"dev:mp-weixin": "uni -p mp-weixin",

39
src/pages.json
Unescape View File

@ -149,12 +149,49 @@
"navigationBarBackgroundColor": "#fafafa"
}
},
{
"path": "pages/score/score",
"style": {
"backgroundTextStyle": "light",
"navigationBarTitleText": "积分商城",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
},
{
"path": "pages/member/member",
"style": {
"backgroundTextStyle": "light",
"navigationBarTitleText": "会员专区",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
},
{
"path": "pages/member-info/member-info",
"style": {
"backgroundTextStyle": "light",
"navigationBarTitleText": "会员信息",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
},
{
"path": "pages/member-info-detail/member-info-detail",
"style": {
"backgroundTextStyle": "light",
"navigationBarTitleText": "会员信息详情",
"navigationBarTextStyle": "black",
"navigationBarBackgroundColor": "#fafafa"
}
},
{
"path": "pages/accountLogin/accountLogin"
},
{
"path": "pages/register/register"
}
},
],
"tabBar": {
"selectedColor": "#3a86b9",

182
src/pages/basket/basket.vue
Unescape View File

@ -1,15 +1,9 @@
<template>
<view class="container">
<view class="prod-list">
<block
v-for="(item, scIndex) in shopCartItemDiscounts"
:key="scIndex"
>
<block v-for="(item, scIndex) in shopCartItemDiscounts" :key="scIndex">
<view class="prod-block">
<view
v-if="item.chooseDiscountItemDto"
class="discount-tips"
>
<view v-if="item.chooseDiscountItemDto" class="discount-tips">
<text class="text-block">
{{ wxs.parseDiscount(item.chooseDiscountItemDto.discountRule) }}
</text>
@ -19,21 +13,12 @@
}}
</text>
</view>
<block
v-for="(prod, index) in item.shopCartItems"
:key="index"
>
<block v-for="(prod, index) in item.shopCartItems" :key="index">
<view class="item">
<view class="btn">
<label>
<checkbox
:data-scindex="scIndex"
:data-index="index"
:value="prod.prodId"
:checked="prod.checked"
color="#105c3e"
@tap="onSelectedItem"
/>
<checkbox :data-scindex="scIndex" :data-index="index" :value="prod.prodId" :checked="prod.checked"
color="#105c3e" @tap="onSelectedItem" />
</label>
</view>
<view class="prodinfo">
@ -48,7 +33,7 @@
{{ prod.skuName }}
</text>
<view class="price-count">
<view class="price">
<view class="price" v-if="prod.productType != 2">
<text class="symbol">
￥
</text>
@ -59,24 +44,16 @@
.{{ wxs.parsePrice(prod.price)[1] }}
</text>
</view>
<view class="price" v-if="prod.productType == 2">
<text class="price-num">
{{prod.payScore }}
</text>
积分
</view>
<view class="m-numSelector">
<view
class="minus"
:data-scindex="scIndex"
:data-index="index"
@tap="onCountMinus"
/>
<input
type="number"
:value="prod.prodCount"
disabled
>
<view
class="plus"
:data-scindex="scIndex"
:data-index="index"
@tap="onCountPlus"
/>
<view class="minus" :data-scindex="scIndex" :data-index="index" @tap="onCountMinus" />
<input type="number" :value="prod.prodCount" disabled>
<view class="plus" :data-scindex="scIndex" :data-index="index" @tap="onCountPlus" />
</view>
</view>
</view>
@ -87,10 +64,7 @@
</block>
</view>
<view
v-if="!shopCartItemDiscounts.length"
class="empty"
>
<view v-if="!shopCartItemDiscounts.length" class="empty">
<view class="img">
<image src="@/static/images/tabbar/basket.png" />
</view>
@ -100,28 +74,26 @@
</view>
<!-- 底部按钮 -->
<view
v-if="shopCartItemDiscounts.length>0"
class="cart-footer"
>
<view v-if="shopCartItemDiscounts.length>0" class="cart-footer">
<view class="btn all">
<checkbox
:checked="allChecked"
color="#f7d731;"
@tap="onSelAll"
/>
<checkbox :checked="allChecked" color="#f7d731;" @tap="onSelAll" />
全选
</view>
<view
class="btn del"
@tap="onDelBasket"
>
<view class="btn del" @tap="onDelBasket">
<text>删除</text>
</view>
<view class="btn total">
<view class="finally">
<text>合计:</text>
<view class="price">
<view v-if="totalScore > 0">
<text class="price-num">
{{totalScore }}
</text>
积分+
</view>
<text class="symbol">
￥
</text>
@ -133,17 +105,11 @@
</text>
</view>
</view>
<view
v-if="subtractMoney>0"
class="total-msg"
>
<view v-if="subtractMoney>0" class="total-msg">
总额:￥{{ wxs.toPrice(totalMoney) }} 立减:￥{{ wxs.toPrice(subtractMoney) }}
</view>
</view>
<view
class="btn settle"
@tap="toFirmOrder"
>
<view class="btn settle" @tap="toFirmOrder">
<text>结算</text>
</view>
</view>
@ -152,25 +118,27 @@
</template>
<script setup>
const wxs = number()
/**
const wxs = number()
/**
* 生命周期函数--监听页面显示
*/
onShow(() => {
onShow(() => {
loadBasketData()
http.getCartCount() // 重新计算购物车总数量
})
})
const allChecked = ref(false)
const shopCartItemDiscounts = ref([])
const loadBasketData = () => {
const allChecked = ref(false)
const shopCartItemDiscounts = ref([])
const loadBasketData = () => {
uni.showLoading() // 加载购物车
http.request({
url: '/p/shopCart/info',
method: 'POST',
data: {}
})
.then(({ data }) => {
.then(({
data
}) => {
if (data.length > 0) {
// 默认不选中
const shopCartItemDiscountsParam = data[0].shopCartItemDiscounts
@ -187,12 +155,12 @@ const loadBasketData = () => {
calTotalPrice() // 计算总价
uni.hideLoading()
})
}
}
/**
/**
* 去结算
*/
const toFirmOrder = () => {
const toFirmOrder = () => {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const basketIds = []
shopCartItemDiscountsParam.forEach(shopCartItemDiscount => {
@ -215,12 +183,12 @@ const toFirmOrder = () => {
uni.navigateTo({
url: '/pages/submit-order/submit-order?orderEntry=0'
})
}
}
/**
/**
* 全选
*/
const onSelAll = () => {
const onSelAll = () => {
const allCheckedParam = !allChecked.value // 改变状态
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
@ -232,13 +200,13 @@ const onSelAll = () => {
allChecked.value = allCheckedParam
shopCartItemDiscounts.value = shopCartItemDiscountsParam
calTotalPrice() // 计算总价
}
}
/**
/**
* 每一项的选择事件
* +
*/
const onSelectedItem = (e) => {
const onSelectedItem = (e) => {
const index = e.currentTarget.dataset.index // 获取data- 传进来的index
const scindex = e.currentTarget.dataset.scindex
const shopCartItemDiscountsParam = shopCartItemDiscounts.value // 获取购物车列表
@ -247,12 +215,12 @@ const onSelectedItem = (e) => {
shopCartItemDiscounts.value = shopCartItemDiscountsParam
checkAllSelected() // 检查全选状态
calTotalPrice() // 计算总价
}
}
/**
/**
* 检查全选状态
*/
const checkAllSelected = () => {
const checkAllSelected = () => {
let allCheckedParam = true
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
let flag = false
@ -268,15 +236,16 @@ const checkAllSelected = () => {
if (flag) break
}
allChecked.value = allCheckedParam
}
}
const totalMoney = ref(0)
const subtractMoney = ref(0)
const finalMoney = ref(0)
/**
const totalMoney = ref(0)
const subtractMoney = ref(0)
const totalScore = ref(0)
const finalMoney = ref(0)
/**
* 计算购物车总额
*/
const calTotalPrice = () => {
const calTotalPrice = () => {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const shopCartIds = []
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
@ -293,18 +262,21 @@ const calTotalPrice = () => {
method: 'POST',
data: shopCartIds
})
.then(({ data }) => {
.then(({
data
}) => {
finalMoney.value = data.finalMoney
totalMoney.value = data.totalMoney
totalScore.value = data.totalScore
subtractMoney.value = data.subtractMoney
uni.hideLoading()
})
}
}
/**
/**
* 减少数量
*/
const onCountMinus = (e) => {
const onCountMinus = (e) => {
const index = e.currentTarget.dataset.index
const scindex = e.currentTarget.dataset.scindex
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
@ -312,22 +284,22 @@ const onCountMinus = (e) => {
if (prodCount > 1) {
updateCount(shopCartItemDiscountsParam, scindex, index, -1)
}
}
}
/**
/**
* 增加数量
*/
const onCountPlus = (e) => {
const onCountPlus = (e) => {
const index = e.currentTarget.dataset.index
const scindex = e.currentTarget.dataset.scindex
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
updateCount(shopCartItemDiscountsParam, scindex, index, 1)
}
}
/**
/**
* 改变购物车数量接口
*/
const updateCount = (shopCartItemDiscountsParam, scindex, index, prodCount) => {
const updateCount = (shopCartItemDiscountsParam, scindex, index, prodCount) => {
uni.showLoading({
mask: true
})
@ -348,12 +320,12 @@ const updateCount = (shopCartItemDiscountsParam, scindex, index, prodCount) => {
uni.hideLoading()
http.getCartCount() // 重新计算购物车总数量
})
}
}
/**
/**
* 删除购物车商品
*/
const onDelBasket = () => {
const onDelBasket = () => {
const shopCartItemDiscountsParam = shopCartItemDiscounts.value
const basketIds = []
for (let i = 0; i < shopCartItemDiscountsParam.length; i++) {
@ -374,7 +346,7 @@ const onDelBasket = () => {
title: '',
content: '确认要删除选中的商品吗？',
confirmColor: '#eb2444',
success (res) {
success(res) {
if (res.confirm) {
uni.showLoading({
mask: true
@ -393,9 +365,9 @@ const onDelBasket = () => {
})
}
}
}
</script>
<style scoped lang="scss">
@import "./basket.scss";
@import "./basket.scss";
</style>

22
src/pages/member-info-detail/member-info-detail.vue
Unescape View File

@ -0,0 +1,22 @@
<template>
<view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style>
</style>

238
src/pages/member-info/member-info.scss
Unescape View File

@ -0,0 +1,238 @@
.container {
background-color: #f7f7f7;
padding-bottom: 60rpx;
}.price {
font-size: 30rpx;
color: #ff3000;
font-weight: 600;
&::before {
content: '￥';
font-size: 24rpx;
}
}
.origin-price {
font-size: 26rpx;
font-weight: 400;
text-decoration: line-through;
color: #c4c4c4;
}
.userinfo {
position: relative;
width: 100%;
background: #fff;
text-align: center;
padding: 30rpx 0;
.userinfo-con {
width: 240rpx;
margin: auto;
.userinfo-avatar {
overflow: hidden;
display: block;
width: 160rpx;
height: 160rpx;
border-radius: 50%;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
margin: auto;
image {
width: 160rpx;
height: 160rpx;
}
}
.userinfo-name {
font-size: 30rpx;
font-weight: bold;
margin-top: 20rpx;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
word-break: break-all;
}
}
}
.userinfo-none {
display: flex;
padding: 30rpx;
background: #fff;
align-items: center;
.default-pic {
padding-right: 30rpx;
image {
width: 160rpx;
height: 160rpx;
}
}
}
.none-login {
button {
background: #fff;
&::after {
border: 0;
}
}
.unlogin {
font-size: 30rpx;
text-align: left;
padding: 0;
}
.click-login {
font-size: 26rpx;
color: #777;
text-align: left;
padding: 0;
}
}
.binding-phone {
position: relative;
background: #fff;
height: 80rpx;
line-height: 80rpx;
padding: 0 30rpx;
border-top: 2rpx solid #f7f7f7;
border-bottom: 2rpx solid #f7f7f7;
.show-tip {
font-size: 26rpx;
}
.gotobinding {
border-radius: 8rpx;
font-size: 28rpx;
color: #e24b4b;
font-weight: bold;
}
}
.list-cont {
width: 100%;
background: #f7f7f7;
margin-top: 20rpx;
.total-order {
background: #fff;
.order-tit {
display: flex;
justify-content: space-between;
height: 80rpx;
line-height: 80rpx;
font-size: 30rpx;
border-bottom: 1px solid #f7f7f7;
padding: 0 30rpx;
.checkmore {
font-size: 22rpx;
color: #80848f;
display: flex;
align-items: center;
}
}
.procedure {
display: flex;
justify-content: space-around;
align-items: center;
font-size: 25rpx;
height: 160rpx;
.items {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
image {
width: 70rpx;
height: 70rpx;
margin-bottom: 20rpx;
}
.num-badge {
position: absolute;
top: -15rpx;
right: -12rpx;
color: #eb2444;
border: 3rpx solid #eb2444;
border-radius: 50rpx;
background: #fff;
min-width: 30rpx;
height: 30rpx;
line-height: 30rpx;
text-align: center;
padding: 2rpx;
display: block;
}
}
}
}
.my-menu {
background-color: #fff;
margin-top: 20rpx;
.memu-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 100rpx;
border-bottom: 2rpx solid #f7f7f7;
padding: 0 30rpx;
&:nth-child(1) {
border-top: 2rpx solid #f7f7f7;
}
&:last-child {
border-bottom: none;
}
text {
font-size: 28rpx;
}
image {
width: 50rpx;
height: 50rpx;
margin-right: 20rpx;
}
.i-name {
display: flex;
align-items: center;
}
}
}
}
.arrowhead {
width: 15rpx;
height: 15rpx;
border-top: 2rpx solid #999;
border-right: 2rpx solid #999;
transform: rotate(45deg);
margin-left: 10rpx;
}
.prod-col {
margin-top: 20rpx;
background: #fff;
display: flex;
justify-content: space-around;
padding: 30rpx 0 10rpx 0;
font-size: 12px;
.col-item {
text-align: center;
.num {
font-size: 16px;
font-weight: 700;
color: #3a86b9;
}
.tit {
line-height: 34px;
}
}
}
.log-out {
padding: 20rpx;
text-align: center;
margin-top: 20rpx;
}
.log-out-n {
font-size: 30rpx;
margin: auto;
width: 200rpx;
padding: 20rpx;
border-radius: 10rpx;
background: #e43130;
color: #ffffff;
}
button.memu-btn.memu-item {
background-color: #fff;
&:after {
border: 0;
}
}

22
src/pages/member-info/member-info.vue
Unescape View File

@ -0,0 +1,22 @@
<template>
<view>
3123123
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
@use './member-info.scss';
</style>

125
src/pages/member/member.scss
Unescape View File

@ -0,0 +1,125 @@
.container {
background: #f4f4f4;
}.price {
font-size: 30rpx;
color: #ff3000;
font-weight: 600;
/* &::before {
content: '￥';
font-size: 24rpx;
} */
}
.origin-price {
font-size: 26rpx;
font-weight: 400;
text-decoration: line-through;
color: #c4c4c4;
}
.category-tit {
width: 100%;
white-space: nowrap;
position: fixed;
top: 0px;
z-index: 999;
background-color: #fff;
border-bottom: 2rpx solid #f4f4f4;
font-size: 30rpx;
.category-item {
display: inline-block;
padding: 20rpx 10rpx;
margin: 0 20rpx;
box-sizing: border-box;
font-size: 28rpx;
}
}
.prod-item {
height: calc(100vh - 100rpx);
}
.on {
border-bottom: 4rpx solid #e43130;
color: #e43130;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.empty {
margin-top: 200rpx;
}
.prod-items {
width: 345rpx;
display: inline-block;
background: #fff;
padding-bottom: 20rpx;
box-sizing: border-box;
box-shadow: 0rpx 6rpx 8rpx rgba(58,134,185,0.2);
&:nth-child(2n-1) {
margin: 20rpx 10rpx 10rpx 20rpx;
}
&:nth-child(2n) {
margin: 20rpx 20rpx 10rpx 10rpx;
}
.hot-imagecont {
.hotsaleimg {
width: 341rpx;
height: 341rpx;
}
font-size: 0;
text-align: center;
}
.hot-text {
.hotprod-text {
font-size: 28rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
margin-top: 20rpx;
padding: 0 10rpx;
.prod-info {
font-size: 22rpx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.prod-text-info {
position: relative;
height: 70rpx;
line-height: 70rpx;
font-family: Arial;
.hotprod-price {
display: inline;
font-size: 26rpx;
color: #eb2444;
}
.basket-img {
width: 50rpx;
height: 50rpx;
position: absolute;
right: 0;
bottom: 7rpx;
padding: 8rpx;
}
}
}
}
.more-prod {
.prod-text-right {
.prod-info {
font-size: 22rpx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.empty-wrap {
color: #aaa;
text-align: center;
padding-top: 400rpx;
}

110
src/pages/member/member.vue
Unescape View File

@ -0,0 +1,110 @@
<template>
<!-- 商品列表 -->
<view class="prod-item">
<block v-if="prodList.length">
<block v-for="(prod, key) in prodList" :key="key">
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
<view class="hot-imagecont">
<image :src="prod.pic" class="hotsaleimg" />
</view>
<view class="hot-text">
<view class="hotprod-text">
{{ prod.prodName }}
</view>
<view class="prod-info">
{{ prod.brief }}
</view>
<view class="prod-text-info">
<view class="price">
<text class="symbol">
￥
</text>
<text class="big-num">
{{ wxs.parsePrice(prod.price)[0] }}
</text>
<text class="small-num">
.{{ wxs.parsePrice(prod.price)[1] }}
</text>
</view>
</view>
</view>
</view>
</block>
</block>
<view v-else class="empty-wrap">
暂无商品数据~
</view>
</view>
</template>
<script setup>
const wxs = number()
/**
* 生命周期函数--监听页面加载
*/
onLoad((options) => {
getProdList()
})
const current = ref(1)
const pages = ref(0)
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom(() => {
if (current.value < pages.value) {
current.value = current.value + 1
getProdList()
}
})
const intoView = ref('')
const subCategoryList = ref([])
const prodList = ref([])
const isLoaded = ref(false) // 列表是否加载完毕
/**
* 根据分类id获取商品列表数据
*/
const getProdList = () => {
isLoaded.value = false
http.request({
url: '/prod/prodListByMember',
method: 'GET',
data: {
current: current.value,
size: 10,
sort: 0,
isAllProdType: true
}
})
.then(({
data
}) => {
isLoaded.value = true
prodList.value = data.current == 1 ? data.records : prodList.value.concat(data.records)
current.value = data.current
pages.value = data.pages
})
}
/**
* 跳转商品下详情
*/
const toProdPage = (e) => {
const prodid = e.currentTarget.dataset.prodid
if (prodid) {
uni.navigateTo({
url: '/pages/prod/prod?prodid=' + prodid
})
}
}
</script>
<style scoped lang="scss">
@use './member.scss';
</style>

30
src/pages/order-detail/order-detail.vue
Unescape View File

@ -50,7 +50,10 @@
</text>
</view>
<view class="price-nums clearfix">
<text class="prodprice">
<text class="prodprice" v-if="item.productType !=2 ">
<text class="symbol">
￥
</text>
@ -61,6 +64,20 @@
.{{ wxs.parsePrice(item.price)[1] }}
</text>
</text>
<text class="prodprice" v-if="item.productType ==2 ">
<text class="symbol">
</text>
<text class="big-num">
{{ item.payScore }}
</text>
<text class="small-num">
积分
</text>
</text>
<view class="btn-box" />
</view>
</view>
@ -172,6 +189,14 @@
<view class="item payment">
<view class="item-txt price">
实付款：
<text v-if="totalScore > 0">
<text class="big-num">
{{totalScore }}
</text>
<text class="small-num">
积分+
</text>
</text>
<text class="symbol">
￥
</text>
@ -234,7 +259,7 @@ const userAddrDto = ref(null)
const orderNumber = ref('')
const createTime = ref('')
const total = ref(0) // 商品总额
/**
const totalScore =ref(0)/**
* 加载订单数据
*/
const loadOrderDetail = (orderNum) => {
@ -257,6 +282,7 @@ const loadOrderDetail = (orderNum) => {
transfee.value = data.transfee
reduceAmount.value = data.reduceAmount
total.value = data.total
totalScore.value = data.actualTotalScore
uni.hideLoading()
})
}

518
src/pages/prod/prod.vue
Unescape View File

@ -2,18 +2,9 @@
<!-- 商品详情 -->
<view class="container">
<!-- 轮播图 -->
<swiper
:indicator-dots="indicatorDots"
:autoplay="autoplay"
:indicator-color="indicatorColor"
:interval="interval"
:duration="duration"
:indicator-active-color="indicatorActiveColor"
>
<block
v-for="(item, index) in imgs"
:key="index"
>
<swiper :indicator-dots="indicatorDots" :autoplay="autoplay" :indicator-color="indicatorColor" :interval="interval"
:duration="duration" :indicator-active-color="indicatorActiveColor">
<block v-for="(item, index) in imgs" :key="index">
<swiper-item>
<image :src="item" />
</swiper-item>
@ -26,49 +17,42 @@
<view class="prod-tit">
{{ prodName }}
</view>
<view
class="col"
@tap="addOrCannelCollection"
>
<image
v-if="!isCollection"
src="@/static/images/icon/prod-col.png"
/>
<image
v-if="isCollection"
src="@/static/images/icon/prod-col-red.png"
/>
<view class="col" @tap="addOrCannelCollection">
<image v-if="!isCollection" src="@/static/images/icon/prod-col.png" />
<image v-if="isCollection" src="@/static/images/icon/prod-col-red.png" />
收藏
</view>
</view>
<view class="sales-p">
{{ brief }}
</view>
<view class="prod-price">
<text
v-if="defaultSku && defaultSku.price"
class="price"
>
<view class="prod-price" v-if="productType ==0 || productType==1">
<text v-if="defaultSku && defaultSku.price" class="price">
￥
<text class="price-num">
{{ wxs.parsePrice(defaultSku.price)[0] }}
</text>
.{{ wxs.parsePrice(defaultSku.price)[1] }}
</text>
<text
v-if="defaultSku && defaultSku.oriPrice"
class="ori-price"
>
<text v-if="defaultSku && defaultSku.oriPrice" class="ori-price">
￥{{ wxs.parsePrice(defaultSku.oriPrice)[0] }}.{{ wxs.parsePrice(defaultSku.oriPrice)[1] }}
</text>
<text class="sales" />
</view>
<view class="prod-price" v-if="productType ==2">
<text class="price">
<text class="price-num">
{{payScore }}
</text>
积分
</text>
<text class="sales" />
</view>
</view>
<!-- 已选规格 -->
<view
class="sku"
@tap="showSku"
>
<view class="sku" @tap="showSku">
<view class="sku-tit">
已选
</view>
@ -81,10 +65,7 @@
</view>
<!-- 评价 -->
<view class="cmt-wrap">
<view
class="cmt-tit"
@tap="showComment"
>
<view class="cmt-tit" @tap="showComment">
<view class="cmt-t">
评价
<text class="cmt-good">
@ -97,10 +78,7 @@
</view>
</view>
<view class="cmt-cont">
<view
class="cmt-tag"
@tap="showComment"
>
<view class="cmt-tag" @tap="showComment">
<text>全部({{ prodCommData.number }})</text>
<text>好评({{ prodCommData.praiseNumber }})</text>
<text>中评({{ prodCommData.secondaryNumber }})</text>
@ -108,20 +86,13 @@
<text>有图({{ prodCommData.picNumber }})</text>
</view>
<view class="cmt-items">
<view
v-for="(item, index) in littleCommPage"
:key="index"
class="cmt-item"
>
<view v-for="(item, index) in littleCommPage" :key="index" class="cmt-item">
<view class="cmt-user">
<text class="date">
{{ item.recTime }}
</text>
<view class="cmt-user-info">
<image
class="user-img"
:src="item.pic"
/>
<image class="user-img" :src="item.pic" />
<view class="nickname">
{{ item.nickName }}
</view>
@ -130,23 +101,12 @@
<view class="cmt-cnt">
{{ item.content }}
</view>
<scroll-view
v-if="item.pics.length"
class="cmt-attr"
scroll-x="true"
>
<image
v-for="(commPic, index2) in item.pics"
:key="index2"
:src="commPic"
/>
<scroll-view v-if="item.pics.length" class="cmt-attr" scroll-x="true">
<image v-for="(commPic, index2) in item.pics" :key="index2" :src="commPic" />
</scroll-view>
</view>
</view>
<view
v-if="prodCommPage.records.length > 2"
class="cmt-more-v"
>
<view v-if="prodCommPage.records.length > 2" class="cmt-more-v">
<text @tap="showComment">
查看全部评价
</text>
@ -163,98 +123,62 @@
<!-- 底部按钮 -->
<view class="cart-footer">
<view
class="btn icon"
@tap="toHomePage"
>
<view class="btn icon" @tap="toHomePage">
<image src="@/static/images/tabbar/homepage.png" />
首页
</view>
<view
class="btn icon"
@tap="toCartPage"
>
<view class="btn icon" @tap="toCartPage">
<image src="@/static/images/tabbar/basket.png" />
购物车
<view
v-if="totalCartNum>0"
class="badge badge-1"
>
<view v-if="totalCartNum>0" class="badge badge-1">
{{ totalCartNum }}
</view>
</view>
<view
class="btn cart"
@tap="showSku"
>
<view class="btn cart" @tap="showSku">
<text>加入购物车</text>
</view>
<view
class="btn buy"
@tap="showSku"
>
<view class="btn buy" @tap="showSku">
<text>立即购买</text>
</view>
</view>
<!-- end 底部按钮 -->
<!-- 规格弹窗 -->
<view
v-if="skuShow"
class="pup-sku"
>
<view v-if="skuShow" class="pup-sku">
<view class="pup-sku-main">
<view class="pup-sku-header">
<image
class="pup-sku-img"
:src="defaultSku.pic?defaultSku.pic:pic"
/>
<view class="pup-sku-price">
<image class="pup-sku-img" :src="defaultSku.pic?defaultSku.pic:pic" />
<view class="pup-sku-price" v-if="productType != 2">
￥
<text
v-if="defaultSku && defaultSku.price"
class="pup-sku-price-int"
>
<text v-if="defaultSku && defaultSku.price" class="pup-sku-price-int">
{{ wxs.parsePrice(defaultSku.price)[0] }}
</text>
.{{ wxs.parsePrice(defaultSku.price)[1] }}
</view>
<view class="pup-sku-price" v-if="productType == 2">
<text v-if="defaultSku && defaultSku.price" class="pup-sku-price-int">
{{payScore}}
</text>
积分
</view>
<view class="pup-sku-prop">
<text>已选</text>
{{ selectedProp.length > 0 ? selectedProp + '，' : '' }}{{ prodNum }}件
</view>
<view
class="close"
@tap="closePopup"
/>
<view class="close" @tap="closePopup" />
</view>
<view class="pup-sku-body">
<view class="pup-sku-area">
<view
v-if="skuList.length"
class="sku-box"
>
<block
v-for="(skuGroupItem, skuGroupItemIndex) in skuGroupList"
:key="skuGroupItemIndex"
>
<view
v-for="(skuLine, key) in skuGroupItem"
:key="key"
class="items sku-text"
>
<view v-if="skuList.length" class="sku-box">
<block v-for="(skuGroupItem, skuGroupItemIndex) in skuGroupList" :key="skuGroupItemIndex">
<view v-for="(skuLine, key) in skuGroupItem" :key="key" class="items sku-text">
<text class="sku-kind">
{{ key }}
</text>
<view class="con">
<text
v-for="skuLineItem in skuLine"
:key="skuLineItem"
class="sku-choose-item"
<text v-for="skuLineItem in skuLine" :key="skuLineItem" class="sku-choose-item"
:class="[selectedPropList.indexOf(key + ':' + skuLineItem) !== -1?'active':'',
isSkuLineItemNotOptional(allProperties,selectedPropObj,key,skuLineItem,propKeys)? 'dashed' : '']"
@click="toChooseItem(skuGroupItemIndex, skuLineItem, key)"
>
isSkuLineItemNotOptional(allProperties,selectedPropObj,key,skuLineItem,propKeys)? 'dashed' : '']" @click="toChooseItem(skuGroupItemIndex, skuLineItem, key)">
{{ skuLineItem }}
</text>
</view>
@ -264,23 +188,13 @@
</view>
<view class="pup-sku-count">
<view class="num-wrap">
<view
class="minus"
@tap="onCountMinus"
>
<view class="minus" @tap="onCountMinus">
<text class="row" />
</view>
<view class="text-wrap">
<input
type="number"
:value="prodNum"
disabled
>
</view>
<view
class="plus"
@tap="onCountPlus"
>
<input type="number" :value="prodNum" disabled>
</view>
<view class="plus" @tap="onCountPlus">
<text class="row" />
<text class="col" />
</view>
@ -291,16 +205,10 @@
</view>
</view>
<view class="pup-sku-footer">
<view
class="btn cart"
@tap="addToCart"
>
<view class="btn cart" @tap="addToCart">
加入购物车
</view>
<view
class="btn buy"
@tap="buyNow"
>
<view class="btn buy" @tap="buyNow">
立即购买
</view>
</view>
@ -308,10 +216,7 @@
</view>
<!-- 评价弹窗 -->
<view
v-if="commentShow"
class="cmt-popup"
>
<view v-if="commentShow" class="cmt-popup">
<view class="cmt-tit">
<view class="cmt-t">
商品评价
@ -319,65 +224,35 @@
好评度{{ prodCommData.positiveRating }}%
</text>
</view>
<text
class="close"
@tap="closePopup"
/>
<text class="close" @tap="closePopup" />
</view>
<view class="cmt-cont">
<view class="cmt-tag">
<text
data-evaluate="-1"
:class="evaluate==-1?'selected':''"
@tap="getProdCommPage"
>
<text data-evaluate="-1" :class="evaluate==-1?'selected':''" @tap="getProdCommPage">
全部({{ prodCommData.number }})
</text>
<text
data-evaluate="0"
:class="evaluate==0?'selected':''"
@tap="getProdCommPage"
>
<text data-evaluate="0" :class="evaluate==0?'selected':''" @tap="getProdCommPage">
好评({{ prodCommData.praiseNumber }})
</text>
<text
data-evaluate="1"
:class="evaluate==1?'selected':''"
@tap="getProdCommPage"
>
<text data-evaluate="1" :class="evaluate==1?'selected':''" @tap="getProdCommPage">
中评({{ prodCommData.secondaryNumber }})
</text>
<text
data-evaluate="2"
:class="evaluate==2?'selected':''"
@tap="getProdCommPage"
>
<text data-evaluate="2" :class="evaluate==2?'selected':''" @tap="getProdCommPage">
差评({{ prodCommData.negativeNumber }})
</text>
<text
data-evaluate="3"
:class="evaluate==3?'selected':''"
@tap="getProdCommPage"
>
<text data-evaluate="3" :class="evaluate==3?'selected':''" @tap="getProdCommPage">
有图({{ prodCommData.picNumber }})
</text>
</view>
<view class="cmt-items">
<block v-if="prodCommPage.records.length">
<view
v-for="(item, index) in prodCommPage.records"
:key="index"
class="cmt-item"
>
<view v-for="(item, index) in prodCommPage.records" :key="index" class="cmt-item">
<view class="cmt-user">
<text class="date">
{{ item.recTime }}
</text>
<view class="cmt-user-info">
<image
class="user-img"
:src="item.pic"
/>
<image class="user-img" :src="item.pic" />
<view class="nickname">
{{ item.nickName }}
</view>
@ -386,21 +261,10 @@
<view class="cmt-cnt">
{{ item.content }}
</view>
<scroll-view
v-if="item.pics.length"
class="cmt-attr"
scroll-x="true"
>
<image
v-for="(commPic, index2) in item.pics"
:key="index2"
:src="commPic"
/>
<scroll-view v-if="item.pics.length" class="cmt-attr" scroll-x="true">
<image v-for="(commPic, index2) in item.pics" :key="index2" :src="commPic" />
</scroll-view>
<view
v-if="item.replyContent"
class="cmt-reply"
>
<view v-if="item.replyContent" class="cmt-reply">
<text class="reply-tit">
店铺回复：
</text>
@ -408,17 +272,11 @@
</view>
</view>
</block>
<view
v-if="!prodCommPage.records.length"
class="empty"
>
<view v-if="!prodCommPage.records.length" class="empty">
暂无评价
</view>
</view>
<view
v-if="prodCommPage.pages > prodCommPage.current"
class="load-more"
>
<view v-if="prodCommPage.pages > prodCommPage.current" class="load-more">
<text @tap="getMoreCommPage">
点击加载更多
</text>
@ -429,51 +287,51 @@
</template>
<script setup>
const wxs = number()
const indicatorDots = ref(true)
const indicatorColor = ref('#f2f2f2')
const indicatorActiveColor = ref('#eb2444')
const autoplay = ref(true)
const interval = ref(3000)
const duration = ref(1000)
const selectedProp = ref([])
let prodId = 0
/**
const wxs = number()
const indicatorDots = ref(true)
const indicatorColor = ref('#f2f2f2')
const indicatorActiveColor = ref('#eb2444')
const autoplay = ref(true)
const interval = ref(3000)
const duration = ref(1000)
const selectedProp = ref([])
let prodId = 0
/**
* 生命周期函数--监听页面加载
*/
onLoad((options) => {
prodId = options.prodid// 加载商品信息
onLoad((options) => {
prodId = options.prodid // 加载商品信息
getProdInfo() // 加载商品数据
getProdCommData() // 加载评论项
getLittleProdComm() // 查看用户是否关注
getCollection()
})
})
const app = getApp()
const totalCartNum = ref(0)
/**
const app = getApp()
const totalCartNum = ref(0)
/**
* 生命周期函数--监听页面显示
*/
onShow(() => {
onShow(() => {
totalCartNum.value = app.globalData.totalCartCount
})
})
/**
/**
* 分享设置
*/
onShareAppMessage(() => {
onShareAppMessage(() => {
return {
title: prodName.value,
path: '/pages/prod/prod?prodid=' + prodId
}
})
})
const isCollection = ref(false)
/**
const isCollection = ref(false)
/**
* 获取是否关注信息
*/
const getCollection = () => {
const getCollection = () => {
uni.showLoading()
http.request({
url: '/p/user/collection/isCollection',
@ -482,16 +340,18 @@ const getCollection = () => {
prodId
}
})
.then(({ data }) => {
.then(({
data
}) => {
isCollection.value = data
uni.hideLoading()
})
}
}
/**
/**
* 添加或者取消收藏商品
*/
const addOrCannelCollection = () => {
const addOrCannelCollection = () => {
uni.showLoading()
http.request({
url: '/p/user/collection/addOrCancel',
@ -502,20 +362,23 @@ const addOrCannelCollection = () => {
isCollection.value = !isCollection.value
uni.hideLoading()
})
}
const skuList = ref([])
const brief = ref('')
const prodNum = ref(1)
const pic = ref('')
const imgs = ref('')
const prodName = ref('')
const price = ref(0)
const content = ref('')
/**
}
const skuList = ref([])
const brief = ref('')
const prodNum = ref(1)
const pic = ref('')
const imgs = ref('')
const prodName = ref('')
const price = ref(0)
const content = ref('')
let payScore = 1000
let giveScore = 0
const productType = ref(0)
/**
* 获取商品信息
*/
const getProdInfo = () => {
const getProdInfo = () => {
uni.showLoading()
http.request({
url: '/prod/prodInfo',
@ -524,7 +387,9 @@ const getProdInfo = () => {
prodId // userType: 0
}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
if (!data) {
setTimeout(() => {
@ -540,14 +405,17 @@ const getProdInfo = () => {
brief.value = data.brief
skuList.value = data.skuList
pic.value = data.pic
productType.value = data.productType
payScore = data.payScore
giveScore = data.giveScore
// 组装sku
groupSkuProp(data.skuList, data.price)
uni.hideLoading()
})
}
}
const prodCommData = ref({})
const getProdCommData = () => {
const prodCommData = ref({})
const getProdCommData = () => {
http.request({
url: '/prodComm/prodCommData',
method: 'GET',
@ -555,36 +423,38 @@ const getProdCommData = () => {
prodId
}
})
.then(({ data }) => {
.then(({
data
}) => {
prodCommData.value = data
})
}
}
const prodCommPage = ref({
const prodCommPage = ref({
current: 0,
pages: 0,
records: []
})
/**
})
/**
* 获取部分评论
*/
const getLittleProdComm = () => {
const getLittleProdComm = () => {
if (prodCommPage.value.records.length) {
return
}
getProdCommPage()
}
}
const getMoreCommPage = () => {
const getMoreCommPage = () => {
getProdCommPage()
}
}
const littleCommPage = ref([])
const evaluate = ref(-1)
/**
const littleCommPage = ref([])
const evaluate = ref(-1)
/**
* 获取分页获取评论
*/
const getProdCommPage = (e) => {
const getProdCommPage = (e) => {
if (e) {
if (e.currentTarget.dataset.evaluate === evaluate.value) {
return
@ -607,7 +477,9 @@ const getProdCommPage = (e) => {
evaluate: evaluate.value
}
})
.then(({ data }) => {
.then(({
data
}) => {
data.records.forEach(item => {
if (item.pics) {
item.pics = item.pics.split(',')
@ -625,19 +497,19 @@ const getProdCommPage = (e) => {
littleCommPage.value = records.slice(0, 2)
}
})
}
let selectedPropObjList = null
const skuGroup = ref({})
const defaultSku = ref(null)
const selectedPropObj = ref({})
const propKeys = ref([])
const allProperties = ref([])
const findSku = ref(true)
const skuGroupList = ref([])
/**
}
let selectedPropObjList = null
const skuGroup = ref({})
const defaultSku = ref(null)
const selectedPropObj = ref({})
const propKeys = ref([])
const allProperties = ref([])
const findSku = ref(true)
const skuGroupList = ref([])
/**
* 组装SKU
*/
const groupSkuProp = (skuList, defaultPrice) => {
const groupSkuProp = (skuList, defaultPrice) => {
if (skuList.length === 1 && !skuList[0].properties) {
defaultSku.value = skuList[0]
findSku.value = true
@ -693,13 +565,13 @@ const groupSkuProp = (skuList, defaultPrice) => {
skuGroupList.value = unique(_skuGroupList)
allProperties.value = _allProperties
parseSelectedObjToVals(skuList)
}
}
const selectedPropList = ref(null)
/**
const selectedPropList = ref(null)
/**
* 将已选的 {key:val,key2:val2}转换成 [val,val2]
*/
const parseSelectedObjToVals = (skuList) => {
const parseSelectedObjToVals = (skuList) => {
const selectedPropObjListParam = selectedPropObjList
let selectedPropertiesParam = ''
const selectedPropListParam = []
@ -726,12 +598,12 @@ const parseSelectedObjToVals = (skuList) => {
}
}
findSku.value = findSkuParam
}
}
/**
/**
* 判断当前的规格值 是否可以选
*/
const isSkuLineItemNotOptional = (allProperties, selectedPropObjParam, key, item, propKeys) => {
const isSkuLineItemNotOptional = (allProperties, selectedPropObjParam, key, item, propKeys) => {
const selectedPropObj = Object.assign({}, selectedPropObjParam)
let properties = ''
selectedPropObj[key] = item
@ -750,21 +622,21 @@ const isSkuLineItemNotOptional = (allProperties, selectedPropObjParam, key, item
}
}
return false
}
}
/**
/**
* 规格点击事件
*/
const toChooseItem = (skuGroupItemIndex, skuLineItem, key) => {
const toChooseItem = (skuGroupItemIndex, skuLineItem, key) => {
selectedPropObjList[skuGroupItemIndex][key] = skuLineItem
selectedPropObj.value[key] = skuLineItem
parseSelectedObjToVals(skuList.value)
}
}
/**
/**
* 去重
*/
const unique = (arr) => {
const unique = (arr) => {
const map = {}
arr.forEach(item => {
const obj = {}
@ -772,31 +644,31 @@ const unique = (arr) => {
map[JSON.stringify(obj)] = item
})
return Object.keys(map).map(key => JSON.parse(key))
}
}
/**
/**
* 跳转到首页
*/
const toHomePage = () => {
const toHomePage = () => {
uni.switchTab({
url: '/pages/index/index'
})
}
}
/**
/**
* 跳转到购物车
*/
const toCartPage = () => {
const toCartPage = () => {
uni.switchTab({
url: '/pages/basket/basket'
})
}
}
const shopId = 1
/**
const shopId = 1
/**
* 加入购物车
*/
const addToCart = () => {
const addToCart = () => {
uni.showLoading({
mask: true
})
@ -819,12 +691,12 @@ const addToCart = () => {
icon: 'none'
})
})
}
}
/**
/**
* 立即购买
*/
const buyNow = () => {
const buyNow = () => {
uni.setStorageSync('orderItem', JSON.stringify({
prodId,
skuId: defaultSku.value.skuId,
@ -834,42 +706,42 @@ const buyNow = () => {
uni.navigateTo({
url: '/pages/submit-order/submit-order?orderEntry=1'
})
}
}
/**
/**
* 减数量
*/
const onCountMinus = () => {
const onCountMinus = () => {
if (prodNum.value > 1) {
prodNum.value = prodNum.value - 1
}
}
}
/**
/**
* 加数量
*/
const onCountPlus = () => {
const onCountPlus = () => {
if (prodNum.value < 1000) {
prodNum.value = prodNum.value + 1
}
}
}
const skuShow = ref(false)
const showSku = () => {
const skuShow = ref(false)
const showSku = () => {
skuShow.value = true
}
}
const commentShow = ref(false)
const showComment = () => {
const commentShow = ref(false)
const showComment = () => {
commentShow.value = true
}
}
const closePopup = () => {
const closePopup = () => {
skuShow.value = false
commentShow.value = false
}
}
</script>
<style scoped lang="scss">
@use './prod.scss';
@use './prod.scss';
</style>

126
src/pages/score/score.scss
Unescape View File

@ -0,0 +1,126 @@
.container {
background: #f4f4f4;
}
.price {
font-size: 30rpx;
color: #ff3000;
font-weight: 600;
/* &::before {
content: '￥';
font-size: 24rpx;
} */
}
.origin-price {
font-size: 26rpx;
font-weight: 400;
text-decoration: line-through;
color: #c4c4c4;
}
.category-tit {
width: 100%;
white-space: nowrap;
position: fixed;
top: 0px;
z-index: 999;
background-color: #fff;
border-bottom: 2rpx solid #f4f4f4;
font-size: 30rpx;
.category-item {
display: inline-block;
padding: 20rpx 10rpx;
margin: 0 20rpx;
box-sizing: border-box;
font-size: 28rpx;
}
}
.prod-item {
height: calc(100vh - 100rpx);
}
.on {
border-bottom: 4rpx solid #e43130;
color: #e43130;
}
::-webkit-scrollbar {
width: 0;
height: 0;
color: transparent;
}
.empty {
margin-top: 200rpx;
}
.prod-items {
width: 345rpx;
display: inline-block;
background: #fff;
padding-bottom: 20rpx;
box-sizing: border-box;
box-shadow: 0rpx 6rpx 8rpx rgba(58,134,185,0.2);
&:nth-child(2n-1) {
margin: 20rpx 10rpx 10rpx 20rpx;
}
&:nth-child(2n) {
margin: 20rpx 20rpx 10rpx 10rpx;
}
.hot-imagecont {
.hotsaleimg {
width: 341rpx;
height: 341rpx;
}
font-size: 0;
text-align: center;
}
.hot-text {
.hotprod-text {
font-size: 28rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
margin-top: 20rpx;
padding: 0 10rpx;
.prod-info {
font-size: 22rpx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.prod-text-info {
position: relative;
height: 70rpx;
line-height: 70rpx;
font-family: Arial;
.hotprod-price {
display: inline;
font-size: 26rpx;
color: #eb2444;
}
.basket-img {
width: 50rpx;
height: 50rpx;
position: absolute;
right: 0;
bottom: 7rpx;
padding: 8rpx;
}
}
}
}
.more-prod {
.prod-text-right {
.prod-info {
font-size: 22rpx;
color: #999;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
.empty-wrap {
color: #aaa;
text-align: center;
padding-top: 400rpx;
}

110
src/pages/score/score.vue
Unescape View File

@ -0,0 +1,110 @@
<template>
<!-- 商品列表 -->
<view class="prod-item">
<block v-if="prodList.length">
<block v-for="(prod, key) in prodList" :key="key">
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
<view class="hot-imagecont">
<image :src="prod.pic" class="hotsaleimg" />
</view>
<view class="hot-text">
<view class="hotprod-text">
{{ prod.prodName }}
</view>
<view class="prod-info">
{{ prod.brief }}
</view>
<view class="prod-text-info">
<view class="price">
<text class="big-num">
{{ prod.payScore }}
</text>
<text class="symbol">
积分
</text>
</view>
</view>
</view>
</view>
</block>
</block>
<view v-else class="empty-wrap">
暂无商品数据~
</view>
</view>
</template>
<script setup>
const wxs = number()
/**
* 生命周期函数--监听页面加载
*/
onLoad((options) => {
getProdList()
})
const current = ref(1)
const pages = ref(0)
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom(() => {
if (current.value < pages.value) {
current.value = current.value + 1
getProdList()
}
})
const intoView = ref('')
const subCategoryList = ref([])
const prodList = ref([])
const isLoaded = ref(false) // 列表是否加载完毕
/**
* 根据分类id获取商品列表数据
*/
const getProdList = () => {
isLoaded.value = false
http.request({
url: '/prod/prodListByScore',
method: 'GET',
data: {
current: current.value,
size: 10,
sort: 0,
isAllProdType: true
}
})
.then(({
data
}) => {
isLoaded.value = true
prodList.value = data.current == 1 ? data.records : prodList.value.concat(data.records)
current.value = data.current
pages.value = data.pages
})
}
/**
* 跳转商品下详情
*/
const toProdPage = (e) => {
const prodid = e.currentTarget.dataset.prodid
if (prodid) {
uni.navigateTo({
url: '/pages/prod/prod?prodid=' + prodid
})
}
}
</script>
<style scoped lang="scss">
@use './score.scss';
</style>

18
src/pages/sub-category/sub-category.scss
Unescape View File

@ -1,6 +1,22 @@
.container {
background: #f4f4f4;
}
}.price {
font-size: 30rpx;
color: #ff3000;
font-weight: 600;
/*
&::before {
content: '￥';
font-size: 24rpx;
} */
}
.origin-price {
font-size: 26rpx;
font-weight: 400;
text-decoration: line-through;
color: #c4c4c4;
}
.category-tit {
width: 100%;
white-space: nowrap;

105
src/pages/sub-category/sub-category.vue
Unescape View File

@ -1,22 +1,10 @@
<template>
<view class="Mall4j container">
<!-- 顶部子分类tab -->
<scroll-view
scroll-x="true"
class="category-tit"
:scroll-into-view="intoView"
:scroll-with-animation="true"
>
<block
v-for="(item, index) in subCategoryList"
:key="index"
>
<view
:id="'sw' + item.categoryId"
:class="'category-item ' + (item.categoryId==categoryId? 'on':'')"
:data-id="item.categoryId"
@tap="onSubCategoryTap"
>
<scroll-view scroll-x="true" class="category-tit" :scroll-into-view="intoView" :scroll-with-animation="true">
<block v-for="(item, index) in subCategoryList" :key="index">
<view :id="'sw' + item.categoryId" :class="'category-item ' + (item.categoryId==categoryId? 'on':'')"
:data-id="item.categoryId" @tap="onSubCategoryTap">
{{ item.categoryName }}
</view>
</block>
@ -24,20 +12,10 @@
<!-- 商品列表 -->
<view class="prod-item">
<block v-if="prodList.length">
<block
v-for="(prod, key) in prodList"
:key="key"
>
<view
class="prod-items"
:data-prodid="prod.prodId"
@tap="toProdPage"
>
<block v-for="(prod, key) in prodList" :key="key">
<view class="prod-items" :data-prodid="prod.prodId" @tap="toProdPage">
<view class="hot-imagecont">
<image
:src="prod.pic"
class="hotsaleimg"
/>
<image :src="prod.pic" class="hotsaleimg" />
</view>
<view class="hot-text">
<view class="hotprod-text">
@ -63,10 +41,7 @@
</view>
</block>
</block>
<view
v-else
class="empty-wrap"
>
<view v-else class="empty-wrap">
暂无商品数据~
</view>
</view>
@ -74,38 +49,38 @@
</template>
<script setup>
const wxs = number()
const wxs = number()
const parentId = ref('')
const categoryId = ref(0)
/**
const parentId = ref('')
const categoryId = ref(0)
/**
* 生命周期函数--监听页面加载
*/
onLoad((options) => {
onLoad((options) => {
parentId.value = options.parentId
categoryId.value = options.categoryId
getSubCategory()
getProdList()
})
})
const current = ref(1)
const pages = ref(0)
/**
const current = ref(1)
const pages = ref(0)
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom(() => {
onReachBottom(() => {
if (current.value < pages.value) {
current.value = current.value + 1
getProdList()
}
})
})
const intoView = ref('')
const subCategoryList = ref([])
/**
const intoView = ref('')
const subCategoryList = ref([])
/**
* 获取顶栏子分类数据
*/
const getSubCategory = () => {
const getSubCategory = () => {
http.request({
url: '/category/categoryInfo',
method: 'GET',
@ -113,20 +88,22 @@ const getSubCategory = () => {
parentId: parentId.value
}
})
.then(({ data }) => {
.then(({
data
}) => {
subCategoryList.value = data
nextTick(() => {
intoView.value = 'sw' + categoryId.value
})
})
}
}
const prodList = ref([])
const isLoaded = ref(false) // 列表是否加载完毕
/**
const prodList = ref([])
const isLoaded = ref(false) // 列表是否加载完毕
/**
* 根据分类id获取商品列表数据
*/
const getProdList = () => {
const getProdList = () => {
isLoaded.value = false
http.request({
@ -140,38 +117,40 @@ const getProdList = () => {
isAllProdType: true
}
})
.then(({ data }) => {
.then(({
data
}) => {
isLoaded.value = true
prodList.value = data.current == 1 ? data.records : prodList.value.concat(data.records)
current.value = data.current
pages.value = data.pages
})
}
}
/**
/**
* 切换顶部分类
*/
const onSubCategoryTap = (e) => {
const onSubCategoryTap = (e) => {
categoryId.value = e.currentTarget.dataset.id
current.value = 1
pages.value = 0
intoView.value = 'sw' + e.currentTarget.dataset.id
getProdList()
}
}
/**
/**
* 跳转商品下详情
*/
const toProdPage = (e) => {
const toProdPage = (e) => {
const prodid = e.currentTarget.dataset.prodid
if (prodid) {
uni.navigateTo({
url: '/pages/prod/prod?prodid=' + prodid
})
}
}
}
</script>
<style lang="scss" scoped>
@import "./sub-category.scss";
@import "./sub-category.scss";
</style>

251
src/pages/submit-order/submit-order.vue
Unescape View File

@ -3,14 +3,8 @@
<view class="container">
<view class="submit-order">
<!-- 收货地址 -->
<view
class="delivery-addr "
@tap="toAddrListPage"
>
<view
v-if="!userAddr"
class="addr-bg "
>
<view class="delivery-addr " @tap="toAddrListPage">
<view v-if="!userAddr" class="addr-bg ">
<view class="add-addr">
<view class="plus-sign-img">
<image src="@/static/images/icon/plus-sign.png" />
@ -19,10 +13,7 @@
</view>
<view class="arrow empty" />
</view>
<view
v-if="userAddr"
class="addr-bg whole"
>
<view v-if="userAddr" class="addr-bg whole">
<view class="addr-icon">
<image src="@/static/images/icon/addr.png" />
</view>
@ -43,15 +34,8 @@
<!-- 商品详情 -->
<view class="prod-item">
<block
v-for="(item, index) in orderItems"
:key="index"
>
<view
class="item-cont"
:data-ordernum="item.primaryOrderNo"
@tap="toOrderDetailPage"
>
<block v-for="(item, index) in orderItems" :key="index">
<view class="item-cont" :data-ordernum="item.primaryOrderNo" @tap="toOrderDetailPage">
<view class="prod-pic">
<image :src="item.pic" />
</view>
@ -63,7 +47,8 @@
{{ item.skuName }}
</view>
<view class="price-nums">
<text class="prodprice">
<text class="prodprice" v-if="item.productType !=2 ">
<text class="symbol">
￥
</text>
@ -74,6 +59,18 @@
.{{ wxs.parsePrice(item.price)[1] }}
</text>
</text>
<text class="prodprice" v-if="item.productType ==2 ">
<text class="symbol">
</text>
<text class="big-num">
{{ item.payScore }}
</text>
<text class="small-num">
积分
</text>
</text>
<text class="prodcount">
x{{ item.prodCount }}
</text>
@ -88,6 +85,14 @@
</text>
<view class="prodprice">
合计：
<text v-if="totalScore > 0">
<text class="big-num">
{{totalScore }}
</text>
<text class="small-num">
积分+
</text>
</text>
<text class="symbol">
￥
</text>
@ -104,17 +109,11 @@
<!-- 订单详情 -->
<view class="order-msg">
<view class="msg-item">
<view
class="item coupon"
@tap="showCouponPopup"
>
<view class="item coupon" @tap="showCouponPopup">
<text class="item-tit">
优惠券：
</text>
<text
v-if="!coupons.canUseCoupons"
class="item-txt"
>
<text v-if="!coupons.canUseCoupons" class="item-txt">
暂无可用
</text>
<text class="coupon-btn">
@ -124,10 +123,7 @@
</view>
<view class="item">
<text>买家留言：</text>
<input
v-model="remarks"
placeholder="给卖家留言"
>
<input v-model="remarks" placeholder="给卖家留言">
</view>
</view>
</view>
@ -185,6 +181,14 @@
<view class="item payment">
<view class="item-txt price">
小计：
<text v-if="totalScore > 0">
<text class="big-num">
{{totalScore }}
</text>
<text class="small-num">
积分+
</text>
</text>
<text class="symbol">
￥
</text>
@ -206,6 +210,16 @@
<view class="item-txt">
合计：
<view class="price">
<text v-if="totalScore > 0">
<text class="big-num">
{{totalScore }}
</text>
<text class="small-num">
积分+
</text>
</text>
<text class="symbol">
￥
</text>
@ -218,76 +232,41 @@
</view>
</view>
</view>
<view
class="footer-box"
@tap="toPay"
>
<view class="footer-box" @tap="toPay">
提交订单
</view>
</view>
</view>
<!-- 选择优惠券弹窗 -->
<view
v-if="popupShow"
class="popup-hide"
>
<view v-if="popupShow" class="popup-hide">
<view class="popup-box">
<view class="popup-tit">
<text>优惠券</text>
<text
class="close"
@tap="closePopup"
/>
<text class="close" @tap="closePopup" />
</view>
<view class="coupon-tabs">
<view
:class="'coupon-tab ' + (couponSts==1?'on':'')"
data-sts="1"
@tap="changeCouponSts"
>
<view :class="'coupon-tab ' + (couponSts==1?'on':'')" data-sts="1" @tap="changeCouponSts">
可用优惠券({{ coupons.canUseCoupons.length ? coupons.canUseCoupons.length : 0 }})
</view>
<view
:class="'coupon-tab ' + (couponSts==2?'on':'')"
data-sts="2"
@tap="changeCouponSts"
>
<view :class="'coupon-tab ' + (couponSts==2?'on':'')" data-sts="2" @tap="changeCouponSts">
不可用优惠券({{ coupons.unCanUseCoupons.length ? coupons.unCanUseCoupons.length : 0 }})
</view>
</view>
<view class="popup-cnt">
<block v-if="couponSts == 1">
<view
v-for="(item, index) in coupons.canUseCoupons"
:key="index"
>
<coupon
:item="item"
order="true"
can-use="true"
@check-coupon="checkCoupon"
/>
<view v-for="(item, index) in coupons.canUseCoupons" :key="index">
<coupon :item="item" order="true" can-use="true" @check-coupon="checkCoupon" />
</view>
</block>
<block v-if="couponSts == 2">
<view
v-for="(item, index) in coupons.unCanUseCoupons"
:key="index"
>
<coupon
:item="item"
order="true"
can-use="false"
/>
<view v-for="(item, index) in coupons.unCanUseCoupons" :key="index">
<coupon :item="item" order="true" can-use="false" />
</view>
</block>
<view class="botm-empty" />
</view>
<view
v-if="couponSts==1"
class="coupon-ok"
>
<view v-if="couponSts==1" class="coupon-ok">
<text @tap="choosedCoupon">
确定
</text>
@ -298,20 +277,20 @@
</template>
<script setup>
const wxs = number()
let orderEntry = '0' // 订单入口 0购物车 1立即购买
/**
const wxs = number()
let orderEntry = '0' // 订单入口 0购物车 1立即购买
/**
* 生命周期函数--监听页面加载
*/
onLoad((options) => {
onLoad((options) => {
orderEntry = options.orderEntry
})
})
const userAddr = ref(null)
/**
const userAddr = ref(null)
/**
* 生命周期函数--监听页面显示
*/
onShow(() => {
onShow(() => {
const pages = getCurrentPages()
const currPage = pages[pages.length - 1]
if (currPage.selAddress === 'yes') {
@ -320,20 +299,21 @@ onShow(() => {
}
// 获取订单数据
loadOrderData()
})
})
let couponIds = []
const coupons = ref({})
const total = ref(0)
const actualTotal = ref(0)
const orderItems = ref([])
const totalCount = ref(0)
const transfee = ref(0)
const shopReduce = ref('')
/**
let couponIds = []
const coupons = ref({})
const total = ref(0)
const actualTotal = ref(0)
const orderItems = ref([])
const totalCount = ref(0)
const transfee = ref(0)
const shopReduce = ref('')
const totalScore = ref(0)
/**
* 加载订单数据
*/
const loadOrderData = () => {
const loadOrderData = () => {
let addrId = 0
if (userAddr.value != null) {
addrId = userAddr.value.addrId
@ -352,7 +332,9 @@ const loadOrderData = () => {
userChangeCoupon: 1
}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
let orderItemsData = []
data.shopCartOrders[0].shopCartItemDiscounts?.forEach(itemDiscount => {
@ -381,17 +363,18 @@ const loadOrderData = () => {
userAddr.value = data.userAddr
transfee.value = data.shopCartOrders[0].transfee
shopReduce.value = data.shopCartOrders[0].shopReduce
totalScore.value = data.actualTotalScore
})
.catch(err => {
uni.hideLoading()
chooseCouponErrHandle(err)
})
}
}
/**
/**
* 优惠券选择出错处理方法
*/
const chooseCouponErrHandle = (res) => {
const chooseCouponErrHandle = (res) => {
// 优惠券不能共用处理方法
if (res.statusCode == 601) {
uni.showToast({
@ -406,12 +389,12 @@ const chooseCouponErrHandle = (res) => {
loadOrderData()
}, 2500)
}
}
}
/**
/**
* 提交订单
*/
const toPay = () => {
const toPay = () => {
if (!userAddr.value) {
uni.showToast({
title: '请选择地址',
@ -420,10 +403,10 @@ const toPay = () => {
return
}
submitOrder()
}
}
const remarks = ref('')
const submitOrder = () => {
const remarks = ref('')
const submitOrder = () => {
uni.showLoading({
mask: true
})
@ -437,17 +420,19 @@ const submitOrder = () => {
}]
}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
normalPay(data.orderNumbers)
})
}
}
/**
/**
* 模拟支付，直接提交成功
* @param orderNumbers
*/
const normalPay = (orderNumbers) => {
const normalPay = (orderNumbers) => {
uni.showLoading({
mask: true
})
@ -458,7 +443,9 @@ const normalPay = (orderNumbers) => {
orderNumbers
}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
if (data) {
uni.showToast({
@ -477,51 +464,51 @@ const normalPay = (orderNumbers) => {
})
}
})
}
}
const couponSts = ref(1)
const changeCouponSts = (e) => {
const couponSts = ref(1)
const changeCouponSts = (e) => {
couponSts.value = e.currentTarget.dataset.sts
}
}
const popupShow = ref(false)
const showCouponPopup = () => {
const popupShow = ref(false)
const showCouponPopup = () => {
popupShow.value = true
}
const closePopup = () => {
}
const closePopup = () => {
popupShow.value = false
}
}
/**
/**
* 去地址页面
*/
const toAddrListPage = () => {
const toAddrListPage = () => {
uni.navigateTo({
url: '/pages/delivery-address/delivery-address?order=0'
})
}
}
/**
/**
* 确定选择好的优惠券
*/
const choosedCoupon = () => {
const choosedCoupon = () => {
loadOrderData()
popupShow.value = false
}
}
/**
/**
* 优惠券子组件发过来
*/
const checkCoupon = (e) => {
const checkCoupon = (e) => {
const index = couponIds.indexOf(e.detail.couponId)
if (index === -1) {
couponIds.push(e.detail.couponId)
} else {
couponIds.splice(index, 1)
}
}
}
</script>
<style scoped lang="scss">
@use './submit-order.scss';
@use './submit-order.scss';
</style>

258
src/pages/user/user.vue
Unescape View File

@ -1,21 +1,16 @@
<template>
<view class="container">
<!-- 用户信息 -->
<view
v-if="isAuthInfo"
class="userinfo"
>
<view v-if="isAuthInfo" class="userinfo">
<view class="userinfo-con">
<view class="userinfo-avatar">
<image
:src="
<image :src="
loginResult.pic
?
(loginResult.pic.indexOf('http') === -1 ? picDomain + loginResult.pic : loginResult.pic)
:
'/static/images/icon/head04.png'
"
/>
" />
</view>
<view class="userinfo-name">
<view>{{ loginResult.nickName ? loginResult.nickName : "用户昵称" }}</view>
@ -23,20 +18,11 @@
</view>
</view>
<view
v-if="!isAuthInfo"
class="userinfo-none"
>
<view
class="default-pic"
@tap="toLogin"
>
<view v-if="!isAuthInfo" class="userinfo-none">
<view class="default-pic" @tap="toLogin">
<image src="@/static/images/icon/head04.png" />
</view>
<view
class="none-login"
@tap="toLogin"
>
<view class="none-login" @tap="toLogin">
<button class="unlogin">
未登录
</button>
@ -54,63 +40,34 @@
<text style="font-weight:bold">
我的订单
</text>
<view
class="checkmore"
data-sts="0"
@tap="toOrderListPage"
>
<view class="checkmore" data-sts="0" @tap="toOrderListPage">
<text>查看全部</text>
<text class="arrowhead" />
</view>
</view>
<view class="procedure">
<view
class="items"
data-sts="1"
@tap="toOrderListPage"
>
<view class="items" data-sts="1" @tap="toOrderListPage">
<image src="@/static/images/icon/toPay.png" />
<text>待支付</text>
<text
v-if="orderAmount.unPay>0"
class="num-badge"
>
<text v-if="orderAmount.unPay>0" class="num-badge">
{{ orderAmount.unPay }}
</text>
</view>
<view
class="items"
data-sts="2"
@tap="toOrderListPage"
>
<view class="items" data-sts="2" @tap="toOrderListPage">
<image src="@/static/images/icon/toDelivery.png" />
<text>待发货</text>
<text
v-if="orderAmount.payed>0"
class="num-badge"
>
<text v-if="orderAmount.payed>0" class="num-badge">
{{ orderAmount.payed }}
</text>
</view>
<view
class="items"
data-sts="3"
@tap="toOrderListPage"
>
<view class="items" data-sts="3" @tap="toOrderListPage">
<image src="@/static/images/icon/toTake.png" />
<text>待收货</text>
<text
v-if="orderAmount.consignment>0"
class="num-badge"
>
<text v-if="orderAmount.consignment>0" class="num-badge">
{{ orderAmount.consignment }}
</text>
</view>
<view
class="items"
data-sts="5"
@tap="toOrderListPage"
>
<view class="items" data-sts="5" @tap="toOrderListPage">
<image src="@/static/images/icon/toComment.png" />
<text>已完成</text>
</view>
@ -119,60 +76,33 @@
<!--end 订单状态 -->
<view class="prod-col">
<view
class="col-item"
@tap="myCollectionHandle"
>
<view
v-if="loginResult"
class="num"
>
<view class="col-item" @tap="myCollectionHandle">
<view v-if="loginResult" class="num">
{{ collectionCount }}
</view>
<view
v-else
class="num"
>
<view v-else class="num">
--
</view>
<view class="tit">
我的收藏
</view>
</view>
<view
class="col-item"
@tap="handleTips"
>
<view
v-if="loginResult"
class="num"
>
<view class="col-item" @tap="handleTips">
<view v-if="loginResult" class="num">
5
</view>
<view
v-else
class="num"
>
<view v-else class="num">
--
</view>
<view class="tit">
我的消息
</view>
</view>
<view
class="col-item"
@tap="handleTips"
>
<view
v-if="loginResult"
class="num"
>
<view class="col-item" @tap="handleTips">
<view v-if="loginResult" class="num">
3
</view>
<view
v-else
class="num"
>
<view v-else class="num">
--
</view>
<view class="tit">
@ -182,40 +112,49 @@
</view>
<view class="my-menu">
<view
class="memu-item"
@tap="toDistCenter"
>
<view class="memu-item" @tap="toMemberInfoPage">
<view class="i-name">
<image src="@/static/images/icon/promotion.png" />
<text>会员信息</text>
</view>
<view class="arrowhead" />
</view>
<view class="memu-item" @tap="toScorePage">
<view class="i-name">
<image src="@/static/images/icon/promotion.png" />
<text>积分商城</text>
</view>
<view class="arrowhead" />
</view>
<view class="memu-item" @tap="toMemberPage">
<view class="i-name">
<image src="@/static/images/icon/promotion.png" />
<text>会员专区</text>
</view>
<view class="arrowhead" />
</view>
<view class="memu-item" @tap="toDistCenter">
<view class="i-name">
<image src="@/static/images/icon/promotion.png" />
<text>分销中心</text>
</view>
<view class="arrowhead" />
</view>
<view
class="memu-item"
@tap="toCouponCenter"
>
<view class="memu-item" @tap="toCouponCenter">
<view class="i-name">
<image src="@/static/images/icon/getCoupon.png" />
<text>领券中心</text>
</view>
<view class="arrowhead" />
</view>
<view
class="memu-item"
@tap="toMyCouponPage"
>
<view class="memu-item" @tap="toMyCouponPage">
<view class="i-name">
<image src="@/static/images/icon/myCoupon.png" />
<text>我的优惠券</text>
</view>
<view class="arrowhead" />
</view>
<view
class="memu-item"
@tap="toAddressList"
>
<view class="memu-item" @tap="toAddressList">
<view class="i-name">
<image src="@/static/images/icon/myAddr.png" />
<text>收货地址</text>
@ -225,11 +164,7 @@
</view>
<!--end 列表项 -->
<view
v-if="isAuthInfo"
class="log-out"
@tap="logout"
>
<view v-if="isAuthInfo" class="log-out" @tap="logout">
<view class="log-out-n">
<text>退出登录</text>
</view>
@ -239,15 +174,15 @@
</template>
<script setup>
const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
const picDomain = import.meta.env.VITE_APP_RESOURCES_URL
const isAuthInfo = ref(false)
const loginResult = ref('')
const orderAmount = ref('')
/**
const isAuthInfo = ref(false)
const loginResult = ref('')
const orderAmount = ref('')
/**
* 生命周期函数--监听页面显示
*/
onShow(() => {
onShow(() => {
loginResult.value = uni.getStorageSync('loginResult')
isAuthInfo.value = !!loginResult.value
// 加载订单数字
@ -258,72 +193,93 @@ onShow(() => {
method: 'GET',
data: {}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
orderAmount.value = data
})
showCollectionCount()
}
})
const toDistCenter = () => {
})
const toMemberInfoPage = () => {
uni.navigateTo({
url: '/pages/member-info/member-info'
})
}
const toScorePage = () => {
uni.navigateTo({
url: '/pages/score/score'
})
}
const toMemberPage = () => {
uni.navigateTo({
url: '/pages/member/member'
})
}
const toDistCenter = () => {
uni.showToast({
icon: 'none',
title: '该功能未开源'
})
}
const toCouponCenter = () => {
}
const toCouponCenter = () => {
uni.showToast({
icon: 'none',
title: '该功能未开源'
})
}
const toMyCouponPage = () => {
uni.showToast({
}
const toMyCouponPage = () => {
/* uni.showToast({
icon: 'none',
title: '该功能未开源'
}) */
uni.navigateTo({
url: '/pages/delivery-address/delivery-address'
})
}
const handleTips = () => {
}
const handleTips = () => {
uni.showToast({
icon: 'none',
title: '该功能未开源'
})
}
const toAddressList = () => {
}
const toAddressList = () => {
uni.navigateTo({
url: '/pages/delivery-address/delivery-address'
})
}
}
const toOrderListPage = (e) => {
const toOrderListPage = (e) => {
const sts = e.currentTarget.dataset.sts
uni.navigateTo({
url: '/pages/orderList/orderList?sts=' + sts
})
}
}
const collectionCount = ref(0)
/**
const collectionCount = ref(0)
/**
* 查询所有的收藏量
*/
const showCollectionCount = () => {
const showCollectionCount = () => {
uni.showLoading()
http.request({
url: '/p/user/collection/count',
method: 'GET',
data: {}
})
.then(({ data }) => {
.then(({
data
}) => {
uni.hideLoading()
collectionCount.value = data
})
}
}
/**
/**
* 我的收藏跳转
*/
const myCollectionHandle = () => {
const myCollectionHandle = () => {
let url = '/pages/prod-classify/prod-classify?sts=5'
const id = 0
const title = '我的收藏商品'
@ -333,21 +289,21 @@ const myCollectionHandle = () => {
uni.navigateTo({
url
})
}
}
/**
/**
* 去登陆
*/
const toLogin = () => {
const toLogin = () => {
uni.navigateTo({
url: '/pages/accountLogin/accountLogin'
})
}
}
/**
/**
* 退出登录
*/
const logout = () => {
const logout = () => {
http.request({
url: '/logOut',
method: 'post'
@ -367,9 +323,9 @@ const logout = () => {
})
}, 1000)
})
}
}
</script>
<style scoped lang="scss">
@use './user.scss';
@use './user.scss';
</style>

Write Preview
Loading…
Cancel
Save