czg_team/xo_user_client
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化详情，下单

Browse Source
This commit is contained in:
gyq
2025-05-23 18:34:54 +08:00
parent 4d73c12215
commit 7becdd189d
8 changed files with 5266 additions and 3691 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
components/goods-comments/goods-comments.vue
View File

@@ -2,7 +2,7 @@
<view :class="theme_view"> <view :class="theme_view">
<block v-if="(propData || null) != null && propData.length > 0"> <block v-if="(propData || null) != null && propData.length > 0">
<view v-for="(item, index) in propData" :key="index" class="goods-comment-item flex-row" :class="propClass"> <view v-for="(item, index) in propData" :key="index" class="goods-comment-item flex-row" :class="propClass">
<image class="avatar dis-block margin-right-xs" :src="item.user.avatar || common_static_url + 'default-user.png'" mode="aspectFit"></image> <image class="avatar dis-block margin-right-xs" :src="item.user.avatar || common_static_url + 'default-user.png'" mode="aspectFill"></image>
<view class="base-nav flex-1 flex-width margin-left-sm" :class="propIsReply ? 'is-reply' : ''"> <view class="base-nav flex-1 flex-width margin-left-sm" :class="propIsReply ? 'is-reply' : ''">
<view class="oh nav padding-bottom-sm"> <view class="oh nav padding-bottom-sm">
<view class=""> <view class="">
@@ -10,22 +10,22 @@
<view class="dis-inline-block va-m margin-left-sm"> <view class="dis-inline-block va-m margin-left-sm">
<uni-rate :value="item.rating" :readonly="true" :is-fill="false" :size="14" /> <uni-rate :value="item.rating" :readonly="true" :is-fill="false" :size="14" />
</view> </view>
<view class="fr"> <!-- <view class="fr">
<text class="cr-grey text-size-xs">{{ item.add_time_date }}</text> <text class="cr-grey text-size-xs">{{ item.add_time_date }}</text>
</view> </view> -->
</view> </view>
</view> </view>
<view class="base-content oh padding-vertical-sm"> <view class="base-content oh padding-vertical-sm">
<view class="content cr-base text-size-sm">{{ item.content }}</view> <view class="content cr-base text-size-sm">{{ item.content }}</view>
<view v-if="(item.images || null) != null && item.images.length > 0" class="image-list oh margin-top-lg"> <view v-if="(item.images || null) != null && item.images.length > 0" class="image-list oh">
<block v-for="(iv, ix) in item.images" :key="ix"> <block v-for="(iv, ix) in item.images.slice(0, 1)" :key="ix">
<image class="image br radius" @tap="comment_images_show_event" :data-index="index" :data-ix="ix" :src="iv" mode="aspectFit"></image> <image class="image br radius" @tap="comment_images_show_event" :data-index="index" :data-ix="ix" :src="iv" mode="aspectFill"></image>
</block> </block>
</view> </view>
<view v-if="(item.msg || null) != null" class="spec cr-grey margin-top-lg">{{ item.msg }}</view> <view v-if="(item.msg || null) != null" class="spec cr-grey margin-top-lg">{{ item.msg }}</view>
<block v-if="propIsReply"> <block v-if="propIsReply">
<view v-if="item.is_reply == 1 && (item.reply || null) != null" class="reply br-t-dashed margin-top-sm padding-top-sm text-size-sm"> <view v-if="item.is_reply == 1 && (item.reply || null) != null" class="reply br-t-dashed margin-top-sm padding-top-sm text-size-sm">
<text class="cr-base">{{$t('goods-comments.goods-comments.s65197')}}</text> <text class="cr-base">{{ $t('goods-comments.goods-comments.s65197') }}</text>
<text class="reply-desc cr-main-pair">{{ item.reply }}</text> <text class="reply-desc cr-main-pair">{{ item.reply }}</text>
</view> </view>
</block> </block>
@@ -36,7 +36,7 @@
<block v-else> <block v-else>
<view class="tc spacing-mb flex-row jc-c align-c margin-top-xxxxl"> <view class="tc spacing-mb flex-row jc-c align-c margin-top-xxxxl">
<image :src="common_static_url + 'no-comment.png'" mode="widthFix" class="no-comment margin-right-main" /> <image :src="common_static_url + 'no-comment.png'" mode="widthFix" class="no-comment margin-right-main" />
<view class="cr-grey-d">{{$t('goods-comments.goods-comments.1p1r2e')}}</view> <view class="cr-grey-d">{{ $t('goods-comments.goods-comments.1p1r2e') }}</view>
</view> </view>
</block> </block>
</view> </view>
@@ -47,7 +47,7 @@
export default { export default {
props: { props: {
propData: { propData: {
type: [Array,String], type: [Array, String],
default: '', default: '',
}, },
// 是否需要显示管理员回复 // 是否需要显示管理员回复
@@ -83,7 +83,7 @@
}, },
}; };
</script> </script>
<style scoped> <style scoped lang="scss">
/** /**
* 商品评价 * 商品评价
*/ */
@@ -115,8 +115,8 @@
line-height: 46rpx; line-height: 46rpx;
} }
.goods-comment-item .base-content .image-list .image { .goods-comment-item .base-content .image-list .image {
width: 100rpx; width: 112rpx;
height: 100rpx; height: 112rpx;
} }
.goods-comment-item .base-content .image-list .image:not(:last-child) { .goods-comment-item .base-content .image-list .image:not(:last-child) {
margin-right: 10rpx; margin-right: 10rpx;
@@ -124,4 +124,14 @@
.no-comment { .no-comment {
width: 174rpx; width: 174rpx;
} }
.base-content {
display: flex;
.content {
flex: 1;
}
.image-list {
width: 112rpx;
padding-top: 8upx;
}
}
</style> </style>

2
pages.json
View File

@@ -27,7 +27,7 @@
// #endif // #endif
"enablePullDownRefresh": false, "enablePullDownRefresh": false,
// 禁止页面下拉 // 禁止页面下拉
"disableScroll": true, // "disableScroll": true,
"navigationBarTitleText": "" "navigationBarTitleText": ""
} }
}, },

206
pages/buy/buy.vue
View File

@@ -11,7 +11,7 @@
<view :class="'item fl cp ' + (buy_site_model_active_index == index ? 'nav-active-line cr-main' : 'cr-base')" :data-index="index" :data-value="item.value" @tap="buy_site_model_event">{{ item.name }}</view> <view :class="'item fl cp ' + (buy_site_model_active_index == index ? 'nav-active-line cr-main' : 'cr-base')" :data-index="index" :data-value="item.value" @tap="buy_site_model_event">{{ item.name }}</view>
</block> </block>
</view> --> </view> -->
<view class="padding-horizontal-main padding-top-main bottom-line-exclude"> <view class="bottom-line-exclude">
<!-- 非虚拟类型 则地址 --> <!-- 非虚拟类型 则地址 -->
<!-- <view v-if="buy_site_model_value != 3" class="padding-horizontal-main padding-top-main border-radius-main spacing-mb" style="background-color: #DD492C"> <!-- <view v-if="buy_site_model_value != 3" class="padding-horizontal-main padding-top-main border-radius-main spacing-mb" style="background-color: #DD492C">
<view class="address arrow-right cp" @tap="address_event"> <view class="address arrow-right cp" @tap="address_event">
@@ -35,8 +35,8 @@
<view class="address-divider spacing-mb"></view> <view class="address-divider spacing-mb"></view>
</view> --> </view> -->
<view class="address-wrap" v-if="buy_site_model_value != 3"> <view class="address-wrap spacing-mb" v-if="buy_site_model_value != 3">
<view class="top-tips">收货地址</view> <!-- <view class="top-tips">收货地址</view> -->
<view class="address-info" @tap="address_event"> <view class="address-info" @tap="address_event">
<view class="info-wrap" v-if="address != null"> <view class="info-wrap" v-if="address != null">
<image class="icon" src="/static/icon_address.svg" mode="aspectFit"></image> <image class="icon" src="/static/icon_address.svg" mode="aspectFit"></image>
@@ -48,7 +48,8 @@
<text>{{ address.tel }}</text> <text>{{ address.tel }}</text>
</view> </view>
</view> </view>
<view class="edit-btn"> 修改地址 </view> <!-- <view class="edit-btn">修改地址</view> -->
<uni-icons type="right" color="#666"></uni-icons>
</view> </view>
<view class="no-info" v-else> <view class="no-info" v-else>
<view class="left"> <view class="left">
@@ -89,18 +90,22 @@
</view> </view>
<!-- 商品数据 --> <!-- 商品数据 -->
<view v-for="(group, index) in goods_list" :key="index" class="goods-group-list padding-main border-radius-main bg-white spacing-mb"> <view v-for="(group, index) in goods_list" :key="index" class="goods-group-list padding-main bg-white spacing-mb">
<!-- 仓库分组 --> <!-- 仓库分组 -->
<view class="goods-group-hd oh br-b padding-bottom-main"> <view class="goods-group-hd oh br-b padding-bottom-main">
<view class="fl cp" @tap="warehouse_group_event" :data-value="group.url || ''"> <view class="company_name">
<image class="icon" src="https://store.sxczgkj.com/static/upload/images/common/2025/05/22/1747894823943932.png?noCache=mayzhnst" mode="aspectFit"></image>
<text class="t">{{ application_title }}</text>
</view>
<!-- <view class="fl cp" @tap="warehouse_group_event" :data-value="group.url || ''">
<image v-if="(group.icon || null) != null" class="goods-group-icon va-m margin-right-xs" :src="group.icon" mode="aspectFit"></image> <image v-if="(group.icon || null) != null" class="goods-group-icon va-m margin-right-xs" :src="group.icon" mode="aspectFit"></image>
<text class="goods-group-title va-m">{{ group.name }}</text> <text class="goods-group-title va-m">{{ group.name }}</text>
<text v-if="(group.alias || null) != null" class="goods-group-alias va-m round margin-left-sm text-size-xs">{{ group.alias }}</text> <text v-if="(group.alias || null) != null" class="goods-group-alias va-m round margin-left-sm text-size-xs">{{ group.alias }}</text>
</view> </view> -->
<!-- #ifndef MP-KUAISHOU --> <!-- #ifndef MP-KUAISHOU -->
<view v-if="(group.lng || 0) != 0 && (group.lat || 0) != 0" class="fr"> <!-- <view v-if="(group.lng || 0) != 0 && (group.lat || 0) != 0" class="fr">
<view class="goods-group-map-submit br round text-size-xs" :data-index="index" @tap="map_event">{{ $t('buy.buy.o7722q') }}</view> <view class="goods-group-map-submit br round text-size-xs" :data-index="index" @tap="map_event">{{ $t('buy.buy.o7722q') }}</view>
</view> </view> -->
<!-- #endif --> <!-- #endif -->
</view> </view>
<!-- 商品 --> <!-- 商品 -->
@@ -184,8 +189,48 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 留言 -->
<view class="row-wrap">
<view class="row">
<text class="t">快递运费</text>
<view class="right between">
<text class="t1">普通配送</text>
<text>快递免邮</text>
</view>
</view>
<view class="row" @click="showCouponHandle">
<text class="t">优惠折扣</text>
<view class="right between">
<text class="t1"></text>
<view class="coupon">
<text>选择优惠券</text>
<uni-icons type="right" size="14"></uni-icons>
</view>
</view>
</view>
<view class="row">
<text class="t">订单备注</text>
<input class="ipt" type="text" :value="user_note_value" placeholder="选填，请先和商家协商一致" @input="bind_user_note_event" />
</view>
<!-- <view class="content">
<textarea v-if="user_note_status" class="textarea" @blur="bind_user_note_blur_event" @input="bind_user_note_event" :focus="true" :disable-default-padding="false" :value="user_note_value" maxlength="230" :placeholder="$t('buy.buy.2rhko1')"></textarea>
<view v-else @tap="bind_user_note_tap_event" :class="'textarea-view ' + ((user_note_value || null) == null ? 'cr-grey' : '')">{{ user_note_value || $t('buy.buy.2rhko1') }}</view>
</view>
<view v-if="(plugins_intellectstools_data || null) != null && (plugins_intellectstools_data.note_fast_data || null) != null" class="plugins-intellectstools-data-note-fast margin-top-sm">
<text class="cr-grey margin-right-sm va-m text-size-xs">{{ $t('buy.buy.q7jq76') }}</text>
<view class="note-fast-data-list scroll-view-horizontal dis-inline-block va-m">
<scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true">
<block v-for="(item, index) in plugins_intellectstools_data.note_fast_data" :key="index">
<view :class="'dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right br-grey-f5 cr-base cp ' + (index > 0 ? 'margin-left-sm' : '')" :data-value="item" @tap="note_fast_event">{{ item }}</view>
</block>
</scroll-view>
</view>
</view> -->
</view>
<!-- 小计 --> <!-- 小计 -->
<view class="oh tr wh-auto goods-group-footer padding-top-xl"> <view class="oh tr wh-auto goods-group-footer padding-top-xl">
<text style="color: #999; font-size: 24upx; margin-right: 8upx">共{{ group.order_base.buy_count }}件</text>
<text>小计：</text>
<text class="sales-price">{{ currency_symbol }}{{ group.order_base.actual_price }}</text> <text class="sales-price">{{ currency_symbol }}{{ group.order_base.actual_price }}</text>
</view> </view>
</view> </view>
@@ -224,26 +269,8 @@
</view> </view>
</view> </view>
<!-- 留言 -->
<view class="content-textarea-container padding-main border-radius-main bg-white spacing-mb">
<view class="content">
<textarea v-if="user_note_status" class="textarea" @blur="bind_user_note_blur_event" @input="bind_user_note_event" :focus="true" :disable-default-padding="false" :value="user_note_value" maxlength="230" :placeholder="$t('buy.buy.2rhko1')"></textarea>
<view v-else @tap="bind_user_note_tap_event" :class="'textarea-view ' + ((user_note_value || null) == null ? 'cr-grey' : '')">{{ user_note_value || $t('buy.buy.2rhko1') }}</view>
</view>
<view v-if="(plugins_intellectstools_data || null) != null && (plugins_intellectstools_data.note_fast_data || null) != null" class="plugins-intellectstools-data-note-fast margin-top-sm">
<text class="cr-grey margin-right-sm va-m text-size-xs">{{ $t('buy.buy.q7jq76') }}</text>
<view class="note-fast-data-list scroll-view-horizontal dis-inline-block va-m">
<scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true">
<block v-for="(item, index) in plugins_intellectstools_data.note_fast_data" :key="index">
<view :class="'dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right br-grey-f5 cr-base cp ' + (index > 0 ? 'margin-left-sm' : '')" :data-value="item" @tap="note_fast_event">{{ item }}</view>
</block>
</scroll-view>
</view>
</view>
</view>
<!-- 支付选择 --> <!-- 支付选择 -->
<view v-if="total_price > 0 && ((common_order_is_booking != 1 && payment_list.length > 0) || plugins_coin_is_valid)" class="payment-list border-radius-main bg-white oh padding-main spacing-mb"> <view v-if="total_price > 0 && ((common_order_is_booking != 1 && payment_list.length > 0) || plugins_coin_is_valid)" class="payment-list bg-white oh padding-main spacing-mb">
<!-- 虚拟币支付 --> <!-- 虚拟币支付 -->
<block v-if="plugins_coin_is_valid"> <block v-if="plugins_coin_is_valid">
<block v-for="(item, index) in plugins_coin_data.accounts_list" :key="index"> <block v-for="(item, index) in plugins_coin_data.accounts_list" :key="index">
@@ -278,6 +305,28 @@
</view> </view>
</view> </view>
</view> </view>
<view>
<view class="item flex-row jc-sb align-c" @tap="payHandle">
<view class="item-content flex pr flex-1 flex-width">
<image class="icon margin-right-sm va-m radius" src="https://store.sxczgkj.com/static/upload/images/common/2025/05/23/1747985408196629.png?noCache=mb0hdpif" mode="widthFix"></image>
<text class="va-m">余额支付</text>
</view>
<view>
<iconfont name="icon-zhifu-weixuan" size="40rpx"></iconfont>
</view>
</view>
</view>
<view>
<view class="item flex-row jc-sb align-c" @tap="payHandle">
<view class="item-content flex pr flex-1 flex-width">
<image class="icon margin-right-sm va-m radius" src="https://store.sxczgkj.com/static/upload/images/common/2025/05/23/1747985553273589.png?noCache=mb0hgtbs" mode="widthFix"></image>
<text class="va-m">银行卡支付</text>
</view>
<view>
<iconfont name="icon-zhifu-weixuan" size="40rpx"></iconfont>
</view>
</view>
</view>
</view> </view>
</view> </view>
@@ -290,15 +339,15 @@
</view> </view>
<!-- 导航 --> <!-- 导航 -->
<view class="bottom-fixed" :style="bottom_fixed_style"> <view class="footer-bottom" :style="bottom_fixed_style">
<view class="bottom-line-exclude"> <view class="bottom-line-exclude">
<view class="item oh round flex-row jc-sb align-c br-top-shadow bg-white padding-vertical-sm"> <view class="item oh flex-row jc-sb align-c br-top-shadow bg-white padding-vertical-sm">
<view class="nav-base single-text padding-left-main fl"> <view class="price-wrap">
<text>{{ $t('buy.buy.wx78ju') }}</text> <text class="price">{{ currency_symbol }}{{ total_price }}</text>
<text class="sales-price">{{ currency_symbol }}{{ total_price }}</text> <text class="t">明细：共{{ total_count }}件</text>
</view> </view>
<view class="nav-submit padding-horizontal-main fr"> <view class="nav-submit padding-horizontal-main fr">
<button class="btn bg-main cr-white round text-size-md" type="default" @tap="buy_submit_event" :disabled="buy_submit_disabled_status" hover-class="none">{{ $t('buy.buy.4884hk') }}</button> <view class="btn bg-main cr-white text-size-md" type="default" @tap="buy_submit_event" :disabled="buy_submit_disabled_status" hover-class="none" style="padding: 12upx 22upx;border-radius: 12upx;">{{ $t('buy.buy.4884hk') }}</view>
</view> </view>
</view> </view>
</view> </view>
@@ -400,6 +449,7 @@
export default { export default {
data() { data() {
return { return {
application_title: app.globalData.get_application_title(),
theme_view: app.globalData.get_theme_value_view(), theme_view: app.globalData.get_theme_value_view(),
theme_color: app.globalData.get_theme_color(), theme_color: app.globalData.get_theme_color(),
common_static_url: common_static_url, common_static_url: common_static_url,
@@ -415,6 +465,7 @@
address: null, address: null,
address_id: null, address_id: null,
total_price: 0, total_price: 0,
total_count: 0,
user_note_value: '', user_note_value: '',
user_note_status: false, user_note_status: false,
is_first: 1, is_first: 1,
@@ -543,6 +594,18 @@
}, },
methods: { methods: {
payHandle() {
uni.showToast({
title: '暂未开放',
icon: 'none',
});
},
showCouponHandle() {
uni.showToast({
title: '暂无优惠券',
icon: 'none',
});
},
// 是否显示充值账户 // 是否显示充值账户
getShowAccount() { getShowAccount() {
uni.request({ uni.request({
@@ -862,6 +925,7 @@
this.setData({ this.setData({
goods_list: goods_list, goods_list: goods_list,
total_price: data.base.actual_price, total_price: data.base.actual_price,
total_count: data.base.goods_count,
data_list_loding_status: 3, data_list_loding_status: 3,
common_site_type: data.common_site_type || 0, common_site_type: data.common_site_type || 0,
buy_site_model_value: data.base.site_model || 0, buy_site_model_value: data.base.site_model || 0,
@@ -1486,22 +1550,20 @@
} }
$color: #ff723b; $color: #ff723b;
.address-wrap { .address-wrap {
background-color: $color;
padding: 0 2px 2px;
border-radius: 6px; border-radius: 6px;
.top-tips { .top-tips {
color: #fff; color: #fff;
padding: 4px; padding: 4px;
} }
.address-info { .address-info {
padding: 10px; padding: 26upx;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 4px;
.info-wrap { .info-wrap {
display: flex; display: flex;
align-items: center; align-items: center;
.icon { .icon {
$size: 60upx; $size: 70upx;
width: $size; width: $size;
height: $size; height: $size;
} }
@@ -1516,7 +1578,6 @@
color: #000; color: #000;
} }
.base2 { .base2 {
padding-top: 8px;
color: #999; color: #999;
display: flex; display: flex;
gap: 6px; gap: 6px;
@@ -1556,4 +1617,71 @@
} }
} }
} }
.company_name {
display: flex;
align-items: center;
gap: 6px;
.icon {
$size: 38upx;
width: $size;
height: $size;
}
}
.row-wrap {
padding-top: 20upx;
.row {
display: flex;
align-items: center;
&:not(:first-child) {
margin-top: 28upx;
}
.t {
width: 160upx;
font-size: 28upx;
}
.ipt {
flex: 1;
font-size: 28upx;
}
.right {
flex: 1;
display: flex;
align-items: center;
&.between {
justify-content: space-between;
}
.t1 {
color: #999;
}
.coupon {
display: flex;
align-items: center;
gap: 8upx;
}
}
}
}
.footer-bottom {
width: 100%;
background-color: #fff;
position: fixed;
left: 0;
bottom: 0;
z-index: 999;
.price-wrap {
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 28upx;
.price {
color: #ff723b;
font-size: 36upx;
}
.t {
color: #666;
font-size: 24upx;
}
}
}
</style> </style>

695
pages/goods-category/goods-category.vue
View File

@@ -1,369 +1,78 @@
<template> <template>
<view :class="theme_view"> <view>
<view :class="popup_status ? 'fixed-top' : ''"> <view class="container" :style="{ paddingTop: `${headerHieght}px` }">
<view class="pr" :class="is_single_page == 1 ? 'margin-top-xxxl single-page-top' : ''"> <view class="header-wrap">
<block v-if="category_list.length > 0"> <status-bar-height></status-bar-height>
<view v-if="category_list.length > 0" class="goods-top-bg pa top-0 left-0 right-0 wh-auto oh"> <!-- 搜索栏 -->
<image :src="theme_static_url + 'top-bg.png'" mode="widthFix" class="wh-auto"></image> <view class="search-wrap">
<view class="ipt-wrap" @click="search_button_event">
<!-- <input class="ipt" type="text" v-model="search_keywords_value" disabled placeholder="请输入搜索内容" /> -->
<view class="ipt">
<text class="t">请输入搜索内容</text>
</view> </view>
<!-- 搜索框 --> <uni-icons type="camera" color="#999" size="26"></uni-icons>
<block v-if="is_single_page == 0"> <view class="btn">
<view class="nav-search padding-horizontal-main pr" :style="'padding-top:' + (status_bar_height + 5) + 'px;'"> <view class="line"></view>
<view class="goods-top-search-bg pa top-0 left-0 right-0 bottom-0 wh-auto oh"> <text class="t">搜索</text>
<image :src="theme_static_url + 'top-bg.png'" mode="widthFix" class="wh-auto"></image>
</view>
<block v-if="category_goods_is_search_alone == 1">
<component-search :propPlaceholder="$t('customview.customview.726k7y')"></component-search>
</block>
<block v-else>
<component-search @onsearch="search_button_event" :propIsOnEvent="true" :propIsRequired="false" :propPlaceholder="$t('customview.customview.726k7y')"></component-search>
</block>
</view>
</block>
<view class="category-container">
<!-- 分类内容 -->
<view :class="'category-content bs-bb pr ' + (category_show_level == 0 ? 'goods-model' : '')" :style="category_content_style">
<block v-if="category_show_level == 1">
<!-- 一级模式 -->
<scroll-view scroll-y class="ht-auto" :show-scrollbar="false">
<view class="model-one padding-sm oh flex-row flex-wrap">
<block v-for="(item, index) in category_list" :key="index">
<view class="content-item cp" :data-value="item.id" @tap="category_event">
<view class="padding-sm">
<view class="content bg-white border-radius-main">
<image v-if="(item[category_goods_model_icon_field] || null) != null" :src="item[category_goods_model_icon_field]" mode="aspectFit" class="icon circle"></image>
<view class="text single-text margin-top-sm" :class="'text-random-' + (Math.floor(Math.random() * 9) + 1)">{{ item.name }}</view>
<view class="desc multi-text margin-top-xs padding-top-xss cr-grey-9 text-size-xss">{{ item.describe }}</view>
</view> </view>
</view> </view>
</view> </view>
</block> <!-- 分类 -->
<view class="category-wrap">
<scroll-view class="scroll" scroll-x scroll-with-animation :show-scrollbar="false" :scrollLeft="scrollLeft">
<view class="item tab-item0" :class="{ active: nav_active_index == index }" v-for="(item, index) in category_list" :key="item.id" @click="handleTabClick(index, 'nav_active_index')">
<text class="t">{{ item.name }}</text>
</view> </view>
</scroll-view> </scroll-view>
</block> <scroll-view class="scroll" scroll-x scroll-with-animation :show-scrollbar="false" :scrollLeft="scrollLeft1" v-if="category_list.length">
<block v-else> <view class="item tab-item1" :class="{ active: nav_active_item_two_index == index }" v-for="(item, index) in category_list[nav_active_index].items" :key="item.id" @click="handleTabClick(index, 'nav_active_item_two_index')">
<!-- 商品列表模式 --> <view class="flex">
<block v-if="category_show_level == 0"> <image class="img" :src="item.realistic_images" mode="aspectFit"></image>
<!-- 一级导航 --> <text class="t">{{ item.name }}</text>
<view class="top-nav wh-auto pa scroll-view-horizontal bottom-0">
<scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true" :scroll-into-view="'one-nav-item-' + nav_active_index" class="top-nav-scroll">
<block v-for="(item, index) in category_list" :key="index">
<view class="item tc cp dis-inline-block text-size-xss" :id="'one-nav-item-' + index" :data-index="index" :data-itemtwoindex="-1" :data-itemthreeindex="-1" @tap="nav_event">
<view :class="'icon-content circle br auto ' + (nav_active_index == index ? 'border-color-main' : '')">
<image :src="(item[category_goods_model_icon_field] || null) == null ? common_static_url + 'images.png' : item[category_goods_model_icon_field]" mode="aspectFit" class="icon dis-block auto wh-auto ht-auto circle"></image>
</view>
<view class="padding-left-sm padding-right-sm round margin-top-xs" :class="nav_active_index == index ? 'bg-main border-color-main cr-white' : ''">{{ item.name }} </view>
</view>
</block>
</scroll-view>
<component-nav-more class="nav-more-top" :propTop="search_height + 'px'" :propStatus="popup_status" @open-popup="open_popup_event">
<view class="nav-list-more">
<view class="flex-row flex-wrap align-c">
<block v-for="(item, index) in category_list" :key="index">
<view class="item tc cr-base cp text-size-xss" :id="'one-nav-item-' + index" :data-index="index" :data-itemtwoindex="-1" :data-itemthreeindex="-1" @tap="nav_event">
<view :class="'icon-content circle br auto ' + (nav_active_index == index ? 'border-color-main' : '')">
<image :src="(item[category_goods_model_icon_field] || null) == null ? common_static_url + 'images.png' : item[category_goods_model_icon_field]" mode="aspectFit" class="icon dis-block auto wh-auto ht-auto circle"></image>
</view>
<view class="dis-inline-block padding-left-sm padding-right-sm round margin-top-xs" :class="nav_active_index == index ? 'bg-main border-color-main cr-white' : ''">
{{ item.name }}
</view> </view>
</view> </view>
</block>
</view>
</view>
</component-nav-more>
</view>
<!-- 二级导航 -->
<view v-if="category_one_subset_count > 0" class="left-nav" :style="left_content_actual_style">
<scroll-view :scroll-y="true" :show-scrollbar="false" class="ht-auto">
<view :class="'text-size-sm item tc cr-base cp oh ' + (nav_active_item_two_index == -1 ? 'nav-active cr-main nav-left-border' : '')" :data-index="nav_active_index" :data-itemtwoindex="-1" :data-itemthreeindex="-1" @tap="nav_event">
<text>{{ $t('common.all') }}</text>
</view>
<block v-if="(data_content || null) != null && (data_content.items || null) != null && data_content.items.length > 0">
<block v-for="(item, index) in data_content.items" :key="index">
<view :class="'text-size-sm item tc cr-base cp oh ' + (nav_active_item_two_index == index ? 'nav-active cr-main nav-left-border' : '')" :data-index="nav_active_index" :data-itemtwoindex="index" :data-itemthreeindex="-1" @tap="nav_event">
<text>{{ item.name }}</text>
</view>
</block>
</block>
</scroll-view> </scroll-view>
</view> </view>
<!-- 商品列表 --> <!-- 筛选条件 -->
<view :class="'goods-right-content bg-white pa bs-bb ' + (category_one_subset_count > 0 ? '' : 'category-one-subset-content')"> <view class="filter-wrap">
<scroll-view :scroll-y="true" :show-scrollbar="false" class="ht-auto goods-list" :scroll-top="scroll_top" @scroll="scroll_event" @scrolltolower="scroll_lower" lower-threshold="60"> <view class="sort-item" :class="{ active: sort_all }" :data-index="-1" @tap="nav_sort_event">
<view class="padding-left-main" :style="right_content_actual_style"> <text class="cr-base va-m text-size-sm">全部</text>
<!-- 操作导航 --> </view>
<view class="goods-list-top-nav bg-white">
<!-- 排序 -->
<view class="nav-sort-content oh">
<block v-for="(item, index) in search_nav_sort_list" :key="index"> <block v-for="(item, index) in search_nav_sort_list" :key="index">
<view class="sort-item tc fl cp" :data-index="index" @tap="nav_sort_event"> <view class="sort-item tc fl cp" :class="{ active: search_nav_sort_index == index && !sort_all }" :data-index="index" @tap="nav_sort_event">
<text class="cr-base va-m text-size-sm">{{ item.name }}</text> <text class="cr-base va-m text-size-sm">{{ item.name }}</text>
<image v-if="(item.icon || null) != null" class="sort-icon va-m" :src="common_static_url + 'sort-' + item.icon + '-icon.png'" mode="aspectFill"></image> <image v-if="(item.icon || null) != null" class="sort-icon va-m" :src="common_static_url + 'sort-' + item.icon + '-icon.png'" mode="aspectFill"></image>
</view> </view>
</block> </block>
</view> </view>
<!-- 三级导航 -->
<view v-if="(data_three_content || null) != null && (data_three_content.items || null) != null && data_three_content.items.length > 0" class="word-list scroll-view-horizontal padding-bottom-main">
<scroll-view :scroll-x="true" :show-scrollbar="false" :scroll-with-animation="true" :scroll-into-view="'three-nav-item-' + nav_active_item_three_index">
<view :class="'word-icon dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right ' + (nav_active_item_three_index == -1 ? 'bg-main-light br-main-light cr-main' : 'br-grey cr-grey')" :data-index="nav_active_index" :data-itemtwoindex="nav_active_item_two_index" :data-itemthreeindex="-1" @tap="nav_event">{{ $t('common.all') }}</view>
<block v-for="(item, index) in data_three_content.items" :key="index">
<view :class="'word-icon dis-inline-block text-size-xs round padding-top-xs padding-bottom-xs padding-left padding-right ' + (nav_active_item_three_index == index ? 'bg-main-light br-main-light cr-main' : 'br-grey cr-grey')" :id="'three-nav-item-' + index" :data-index="nav_active_index" :data-itemtwoindex="nav_active_item_two_index" :data-itemthreeindex="index" @tap="nav_event">{{ item.name }}</view>
</block>
</scroll-view>
</view> </view>
<!-- 商品列表 -->
<view class="goods-list">
<view class="list">
<view class="item" v-for="(item, index) in data_list" :key="item.id" :data-index="index" :data-value="item.goods_url + '&is_opt_back=1'" @tap="goods_event">
<view class="icon">
<image class="img" :src="item.images" mode="widthFix"></image>
</view> </view>
<!-- 右侧商品列表 --> <view class="info">
<view v-if="(data_list || null) != null && data_list.length > 0" class="oh"> <view class="name">{{ item.title }}</view>
<view v-for="(item, index) in data_list" :key="index" class="item oh pr spacing-mb"> <view class="tag-list">
<!-- 商品主体内容 --> <view class="tag">新品</view>
<view class="flex-row jc-sb" data-type="type" :data-index="index" :data-value="item.goods_url + '&is_opt_back=1'" @tap="goods_event">
<image :src="item.images" mode="widthFix" class="goods-img radius dis-block"></image>
<view class="goods-base flex-col jc-sb">
<view class="goods-base-content">
<view class="goods-title multi-text">{{ item.title }}</view>
<view v-if="(item.simple_desc || null) != null" class="simple-desc cr-grey-9 text-size-xs margin-top-sm single-text">{{ item.simple_desc }}</view>
</view> </view>
<view v-if="(item.show_field_price_status || 0) == 1" class="oh flex-row jc-sb align-c"> <view class="price-wrap">
<view class="single-text va-m"> <text class="p">￥{{ item.min_price }}</text>
<text class="sales-price"> <text class="o">￥{{ item.original_price }}</text>
<text class="text-size-xss">{{ item.show_price_symbol }}</text>
<text class="text-size">{{ item.min_price }}</text>
</text>
<text class="text-size-xss cr-grey">{{ item.show_price_unit }}</text>
</view>
<view v-if="common_site_type != 4" class="buy-opt flex-row align-c tc">
<block v-if="(item.is_error || 0) == 0">
<view v-if="(item.buy_number || 0) > 0" class="cp pr top-sm" :data-index="index" data-type="0" @tap.stop="buy_number_event">
<iconfont name="icon-cart-dec" size="48rpx" :color="theme_color"></iconfont>
</view>
<view v-if="(item.buy_number || 0) > 0" class="buy-number cr-black text-size-sm padding-left-xs padding-right-xs">
{{ item.buy_number }}
</view>
<view class="cp pr top-sm" :data-index="index" data-type="1" @tap.stop="buy_number_event">
<iconfont name="icon-cart-inc" size="48rpx" :color="theme_color"></iconfont>
</view>
</block>
<block v-else>
<text class="cr-grey text-size-xs">{{ item.error_msg }}</text>
</block>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<!-- 标签插件 --> <view style="position: relative; z-index: 2">
<view v-if="(plugins_label_data || null) != null && plugins_label_data.data.length > 0" :class="'plugins-label oh pa plugins-label-' + ((plugins_label_data.base.is_user_goods_label_icon || 0) == 0 ? 'text' : 'img') + ' plugins-label-' + (plugins_label_data.base.user_goods_show_style || 'top-left')">
<block v-for="(lv, li) in plugins_label_data.data" :key="li">
<view v-if="(lv.goods_ids || null) != null && lv.goods_ids.indexOf(item.id) != -1" class="lv dis-inline-block va-m" :data-value="(plugins_label_data.base.is_user_goods_label_url || 0) == 1 ? lv.url || '' : ''" @tap="url_event">
<view v-if="(plugins_label_data.base.is_user_goods_label_icon || 0) == 0" class="round cr-white bg-main text-size-xs fl" :style="'background-color:' + (lv.bg_color || '#666') + ' !important;' + ('color:' + (lv.text_color || '#fff')) + ' !important;'">
{{ lv.name }}
</view>
<block v-else>
<image v-if="(lv.icon || null) != null" class="dis-block" :src="lv.icon" mode="scaleToFill"></image>
</block>
</view>
</block>
</view>
</view>
</view>
<block v-else>
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" :propBackBtn="false" propPage="goods-category-item"></component-no-data> <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" :propBackBtn="false" propPage="goods-category-item"></component-no-data>
</block>
</view>
</scroll-view>
</view>
</block>
<block v-else>
<!-- 一级导航 -->
<view class="left-nav ht-auto">
<scroll-view :scroll-y="true" class="ht-auto" :show-scrollbar="false">
<view :class="common_site_type != 4 ? 'left-content-actual ht-auto' : ''">
<view class="ht-auto padding-0" :style="left_content_actual_style">
<block v-for="(item, index) in category_list" :key="index">
<view :class="'text-size-sm item tc cr-base cp oh ' + (nav_active_index == index ? 'nav-active cr-main nav-left-border' : '')" :data-index="index" :data-itemindex="-1" @tap="nav_event">
<text>{{ item.name }}</text>
</view>
</block>
</view> </view>
</view> </view>
</scroll-view>
</view>
<view class="right-container pa">
<scroll-view :scroll-y="true" class="ht-auto bg-white" :show-scrollbar="false">
<!-- 一级内容基础容 -->
<view v-if="(data_content || null) != null" class="oh">
<view class="padding-top-main padding-horizontal-main">
<!-- 一级基础信息 -->
<block v-if="(data_content.banner_images || null) !== null">
<view :class="'one-content border-radius-main cp ' + (category_show_level == 3 ? 'spacing-mb' : '')" :data-value="data_content.id" @tap="category_event">
<image :src="data_content.banner_images" mode="scaleToFill" class="wh-auto radius"></image>
</view>
</block>
<block v-else>
<view v-if="(data_content.vice_name || null) != null || (data_content.describe || null) != null" :class="'one-content border-radius-main cp pr ' + (category_show_level == 3 ? 'spacing-mb' : '')" :data-value="data_content.id" @tap="category_event">
<image :src="theme_static_url + 'level2-content-bg.png'" mode="scaleToFill" class="wh-auto ht-auto radius pa top-0 left-0"></image>
<view class="pr padding-main">
<view v-if="(data_content.vice_name || null) != null" class="text-size-md fw-b" :style="'color:' + data_content.bg_color + ';'">
{{ data_content.vice_name }}
</view>
<view v-if="(data_content.describe || null) != null" class="text-size-xs cr-grey margin-top-sm">{{ data_content.describe }}</view>
</view>
</view>
</block>
<!-- 一二级数据渲染 -->
<block v-if="(data_content.items || null) != null && data_content.items.length > 0">
<!-- 二级模式 -->
<block v-if="category_show_level == 2">
<view class="two-content oh border-radius-main spacing-mb flex-row flex-wrap">
<block v-for="(v, index) in data_content.items" :key="index">
<view class="content-item tc cp two-img" :data-value="v.id" @tap="category_event">
<view class="content">
<image v-if="(v.icon || null) != null" :src="v.icon" mode="aspectFit" class="icon radius margin-bottom-main"></image>
<view class="single-text text-size-sm cr-grey">{{ v.name }}</view>
</view>
</view>
</block>
</view>
</block>
<!-- 三级模式 -->
<block v-if="category_show_level == 3">
<block v-for="(v, index) in data_content.items" :key="index">
<view class="spacing-nav-title flex-row jc-sb align-c">
<view class="flex-1">
<text class="text-wrapper text-size-md">{{ v.name }}</text>
<text v-if="(v.describe || null) != null" class="vice-name margin-left-lg cr-grey">{{ v.describe }}</text>
</view>
<view :data-value="v.id" @tap="category_event" class="arrow-right padding-right cr-grey text-size-xs">{{ $t('common.more') }}</view>
</view>
<view v-if="(v.items || null) != null && v.items.length > 0" class="oh border-radius-main spacing-mb flex-row flex-wrap">
<block v-for="(vs, index2) in v.items" :key="index2">
<view class="content-item two-img tc cp" :data-value="vs.id" @tap="category_event">
<view class="content">
<image v-if="(vs.icon || null) != null" :src="vs.icon" mode="aspectFit" class="icon radius margin-bottom-main"></image>
<view class="single-text text-size-sm cr-grey">{{ vs.name }}</view>
</view>
</view>
</block>
</view>
</block>
</block>
</block>
<block v-else>
<!-- 提示信息 -->
<component-no-data propStatus="0" :propMsg="$t('goods-category.goods-category.7e4m68')"></component-no-data>
</block>
</view>
</view>
<view v-else>
<!-- 提示信息 -->
<component-no-data propStatus="0" :propMsg="$t('goods-category.goods-category.7e4m68')"></component-no-data>
</view>
</scroll-view>
</view>
</block>
</block>
</view>
<view v-if="category_list.length == 0 && data_list_loding_status != 0">
<!-- 提示信息 -->
<component-no-data :propStatus="data_list_loding_status"></component-no-data>
</view>
<!-- 仅商品模式展示购物车和规格选择 -->
<block v-if="category_goods_is_show_cart_nav == 1 && common_site_type != 4 && category_show_level == 0">
<!-- 购物车列表 -->
<block v-if="cart_status">
<view class="cart-mask wh-auto ht-auto pf" @tap="cart_event"></view>
<view class="cart-content bg-white border-radius-main pa oh" :style="cart_content_style">
<block v-if="(cart || null) != null && (cart.data || null) != null && cart.data.length > 0">
<view class="oh br-b padding-vertical-main padding-horizontal-main">
<text class="va-m text-size-xs cr-base">{{ $t('goods-category.goods-category.ico62g') }}</text>
<view class="fr cp" @tap="cart_all_delete_event">
<view class="dis-inline-block va-m pr top-xs">
<uni-icons type="trash" size="16" color="#f00"></uni-icons>
</view>
<text class="cr-red va-m text-size-xs">{{ $t('common.clear') }}</text>
</view>
</view>
<scroll-view :scroll-y="true" class="cart-list goods-list" :show-scrollbar="false">
<view v-for="(goods, index) in cart.data" :key="index" class="item padding-main oh spacing-mb">
<view data-type="cart" :data-index="index" :data-value="goods.goods_url" @tap="goods_event" class="cp flex-row jc-sb">
<image :src="goods.images" mode="widthFix" class="goods-img radius br"></image>
<view class="goods-base flex-1 flex-width flex-col jc-sb">
<view class="goods-base-content">
<view class="goods-title text-size-sm single-text">{{ goods.title }}</view>
<view v-if="goods.spec != null" class="text-size-xs cr-grey margin-top-xs">
<block v-for="(sv, si) in goods.spec" :key="si">
<text v-if="si > 0" class="padding-left-xs padding-right-xs">;</text>
<text>{{ sv.value }}</text>
</block>
</view>
</view>
<view class="margin-top-xs oh">
<view class="sales-price text-size single-text dis-inline-block va-m pr top-sm">{{ currency_symbol }}{{ goods.price }}</view>
<view class="tc fr flex-row align-c">
<block v-if="goods.is_error == 0">
<view v-if="(goods.stock || 0) > 0" class="cp pr top-sm" :data-index="index" data-type="0" @tap.stop="cart_buy_number_event">
<iconfont name="icon-cart-dec" size="48rpx" :color="theme_color"></iconfont>
</view>
<view v-if="(goods.stock || 0) > 0" class="buy-number dis-inline-block cr-black text-size-sm padding-left-xs padding-right-xs va-m">
{{ goods.stock }}
</view>
<view class="cp pr top-sm" :data-index="index" data-type="1" @tap.stop="cart_buy_number_event">
<iconfont name="icon-cart-inc" size="48rpx" :color="theme_color"></iconfont>
</view>
</block>
<block v-else>
<text class="cr-red">{{ goods.error_msg }}</text>
</block>
</view>
</view>
</view>
</view>
</view>
</scroll-view>
</block>
<block v-else>
<component-no-data propStatus="0" :propMsg="$t('goods-category.goods-category.5pj8ip')"></component-no-data>
</block>
</view>
</block>
<!-- 购物车底部导航 -->
<view class="botton-nav bg-white round pa oh padding-sm flex-row jc-sb align-c" :style="botton_nav_style + (cart_status ? 'z-index:5;' : '')">
<view class="flex-row align-c flex-1 flex-width">
<view class="cart pr cp top-sm padding-left-sm" @tap="cart_event">
<iconfont name="icon-menu-cart" size="36rpx" color="#666"></iconfont>
<view v-if="(cart || null) != null && (cart.buy_number || 0) != 0" class="badge-icon pa">
<component-badge :propNumber="cart.buy_number"></component-badge>
</view>
</view>
<view class="cart-total-price single-text padding-left-sm fw-b cr-red flex-1">
<text class="text-size-xss">{{ currency_symbol }}</text>
<text class="text-size-lg">{{ (cart || null) == null ? 0 : cart.total_price || 0 }}</text>
</view>
</view>
<button type="default" size="mini" hover-class="none" class="btn bg-main cr-white text-size-md round margin-right-xs" @tap="buy_submit_event">{{ $t('goods-category.goods-category.44f1ww') }}</button>
</view>
</block>
</view>
</block>
<block v-else>
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg" propPage="goods-category" :propIsHeader="true"></component-no-data>
</block>
<block v-if="data_list_loding_status != 1">
<!-- 购物车抛物线 -->
<component-cart-para-curve ref="cart_para_curve"></component-cart-para-curve>
<!-- 商品购买 -->
<component-goods-buy ref="goods_buy" :propCurrencySymbol="currency_symbol" v-on:CartSuccessEvent="goods_cart_back_event"></component-goods-buy>
</block>
</view>
</view>
<!-- 公共 --> <!-- 公共 -->
<component-common ref="common" @onFooterHeight="footer_height_value_event" :propIsFooterSeat="false"></component-common> <component-common ref="common" @onFooterHeight="footer_height_value_event" :propIsFooterSeat="false"></component-common>
</view> </view>
</view>
</template> </template>
<script> <script>
@@ -414,7 +123,7 @@
is_first: 1, is_first: 1,
search_keywords_value: '', search_keywords_value: '',
nav_active_index: 0, nav_active_index: 0,
nav_active_item_two_index: -1, nav_active_item_two_index: 0,
nav_active_item_three_index: -1, nav_active_item_three_index: -1,
scroll_top: 0, scroll_top: 0,
scroll_top_old: 0, scroll_top_old: 0,
@@ -457,6 +166,12 @@
cart_content_style: '', cart_content_style: '',
footer_height_value: 0, footer_height_value: 0,
categoryIndex: '', categoryIndex: '',
tabWidths: [],
scrollLeft: 0,
tabWidths1: [],
scrollLeft1: 0,
sort_all: true,
headerHieght: 0,
}; };
}, },
@@ -508,8 +223,104 @@
this.$refs.common.on_show({ object: this, method: 'init' }); this.$refs.common.on_show({ object: this, method: 'init' });
} }
}, },
onReachBottom() {
this.data_page++;
this.get_goods_list();
},
methods: { methods: {
// 初始化获取所有选项卡的宽度
initTabWidths() {
const query = uni.createSelectorQuery().in(this);
query
.selectAll('.tab-item0')
.boundingClientRect((rects) => {
this.tabWidths = rects.map((rect) => rect.width);
})
.exec();
query
.selectAll('.tab-item1')
.boundingClientRect((rects) => {
this.tabWidths1 = rects.map((rect) => rect.width);
})
.exec();
query
.select('.header-wrap')
.boundingClientRect((rect) => {
this.headerHieght = rect.height;
})
.exec();
},
// 处理选项卡点击
handleTabClick(index, key) {
this[key] = index;
if (key == 'nav_active_index') {
// 重置二级分类的索引和滚动条位置
// 检查是否有二级分类
let arr = this.category_list[this.nav_active_index].items;
this.nav_active_item_two_index = arr.length ? 0 : -1;
this.scrollLeft1 = 0;
// 计算需要滚动的距离使目标选项卡居中
let scrollLeft = 0;
for (let i = 0; i < index; i++) {
scrollLeft += this.tabWidths[i] || 0;
}
// 获取容器宽度和当前选项卡宽度
const containerWidth = uni.getSystemInfoSync().windowWidth - 50;
const currentTabWidth = this.tabWidths[index] || 0;
// 计算居中偏移量
scrollLeft = scrollLeft + currentTabWidth / 2 - containerWidth / 2;
// 确保滚动距离不小于0
scrollLeft = Math.max(0, scrollLeft);
// 设置滚动位置
this.scrollLeft = scrollLeft;
}
if (key == 'nav_active_item_two_index') {
// 计算需要滚动的距离使目标选项卡居中
let scrollLeft1 = 0;
for (let i = 0; i < index; i++) {
scrollLeft1 += this.tabWidths1[i] || 0;
}
// 获取容器宽度和当前选项卡宽度
const containerWidth = uni.getSystemInfoSync().windowWidth - 50;
const currentTabWidth = this.tabWidths1[index] || 0;
// 计算居中偏移量
scrollLeft1 = scrollLeft1 + currentTabWidth / 2 - containerWidth / 2;
// 确保滚动距离不小于0
scrollLeft1 = Math.max(0, scrollLeft1);
// 设置滚动位置
this.scrollLeft1 = scrollLeft1;
}
this.data_content = this.category_list[this.nav_active_index] || null;
this.data_page = 1;
this.data_list = [];
this.data_list_loding_status = 1;
this.data_bottom_line_status = false;
this.sort_all = true;
this.set_resources_data();
this.get_goods_list(1);
this.$nextTick(() => {
this.initTabWidths();
});
},
// 资源设置 // 资源设置
set_resources_data() { set_resources_data() {
var search_nav_sort_list = [ var search_nav_sort_list = [
@@ -654,6 +465,12 @@
this.setData({ this.setData({
is_first: 0, is_first: 0,
}); });
this.$nextTick(() => {
setTimeout(() => {
this.initTabWidths();
}, 500);
});
} else { } else {
this.setData({ this.setData({
data_list_loding_status: 2, data_list_loding_status: 2,
@@ -909,6 +726,11 @@
// 搜索事件 // 搜索事件
search_button_event(e) { search_button_event(e) {
// 进入搜索页面
app.globalData.url_open('/pages/goods-search/goods-search');
return;
// 商品列表模式 // 商品列表模式
if (this.category_show_level == 0) { if (this.category_show_level == 0) {
this.setData({ this.setData({
@@ -1369,6 +1191,11 @@
// 排序事件 // 排序事件
nav_sort_event(e) { nav_sort_event(e) {
if (e.currentTarget.dataset.index == -1) {
this.sort_all = true;
this.set_resources_data();
} else {
this.sort_all = false;
var index = e.currentTarget.dataset.index || 0; var index = e.currentTarget.dataset.index || 0;
var temp_search_nav_sort = this.search_nav_sort_list; var temp_search_nav_sort = this.search_nav_sort_list;
var temp_sort = temp_search_nav_sort[index]['sort'] == 'desc' ? 'asc' : 'desc'; var temp_sort = temp_search_nav_sort[index]['sort'] == 'desc' ? 'asc' : 'desc';
@@ -1388,11 +1215,15 @@
this.setData({ this.setData({
search_nav_sort_index: index, search_nav_sort_index: index,
search_nav_sort_list: temp_search_nav_sort, search_nav_sort_list: temp_search_nav_sort,
});
}
this.setData({
data_page: 1, data_page: 1,
data_list: [], data_list: [],
data_list_loding_status: 1, data_list_loding_status: 1,
data_bottom_line_status: false, data_bottom_line_status: false,
}); });
this.reset_scroll(); this.reset_scroll();
this.get_goods_list(1); this.get_goods_list(1);
}, },
@@ -1407,6 +1238,190 @@
}, },
}; };
</script> </script>
<style scoped>
@import './goods-category.css'; <style>
uni-page {
height: auto;
}
</style>
<style scoped lang="scss">
@import './goods-category.css';
.container {
padding: 440upx 28upx 200upx 28upx;
}
.header-wrap {
$padding: 28upx;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1;
background: linear-gradient(180deg, #fff3ef, #f4f6f9);
.search-wrap {
/* #ifdef H5 */
padding: $padding $padding 0;
/* #endif */
/* #ifdef MP-ALIPAY */
padding: 0 170upx 0 80upx;
/* #endif */
.ipt-wrap {
height: 72upx;
display: flex;
align-items: center;
border: 1px solid #ffcab8;
border-radius: 6px;
background-color: #fff;
.ipt {
flex: 1;
display: flex;
align-items: center;
padding-left: 20upx;
font-size: 28upx;
margin-right: $padding;
.t {
color: #999;
font-size: 28upx;
}
}
.btn {
padding: 0 $padding;
font-size: 32upx;
color: #fb1622;
position: relative;
margin-left: $padding;
.line {
height: 30rpx;
border-left: 1px solid #e9e9e9;
position: absolute;
top: 50%;
margin-top: -15upx;
left: 0;
}
}
}
}
.category-wrap {
.scroll {
width: 100%;
white-space: nowrap;
.item {
display: inline-block;
padding: $padding 0 $padding $padding;
&:last-child {
padding-right: $padding;
}
&.active {
.t {
color: #333333;
font-weight: bold;
}
}
.t {
color: #666666;
font-size: 28upx;
}
.flex {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
.img {
$size: 82upx;
width: $size;
height: $size;
}
.t {
font-size: 24upx;
margin-top: 12upx;
}
}
}
}
}
.filter-wrap {
display: flex;
.sort-item {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 12upx;
&.active {
.cr-base {
font-weight: bold;
color: #333;
}
}
.sort-icon {
width: 10px;
height: 10px;
}
}
}
}
.goods-list {
padding: 20upx 0;
.list {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto;
grid-column-gap: 20upx;
grid-row-gap: 20upx;
.item {
background-color: #fff;
border-radius: 20upx;
overflow: hidden;
.icon {
.img {
display: block;
width: 100%;
height: auto;
border-radius: 20upx;
}
}
.info {
padding: 20upx;
}
.name {
width: calc(750upx / 2 - 94upx);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom: 6px;
}
.tag-list {
display: flex;
gap: 6px;
flex-wrap: wrap;
.tag {
display: flex;
align-items: center;
padding: 4upx 16upx;
border-radius: 12upx;
background-color: #d1381e;
color: #fff;
font-size: 24upx;
}
}
.price-wrap {
display: flex;
align-items: center;
gap: 6upx;
.p {
color: #d1381e;
font-size: 36upx;
font-weight: bold;
}
.o {
color: #999;
font-size: 20upx;
text-decoration: line-through;
position: relative;
top: 2px;
}
}
}
}
}
</style> </style>

1412
pages/goods-category/goods-category1.vue Normal file
View File

File diff suppressed because it is too large Load Diff

10
pages/goods-detail/goods-detail.css
View File

@@ -157,15 +157,12 @@
font-size: 30rpx; font-size: 30rpx;
line-height: 40rpx; line-height: 40rpx;
font-weight: bold; font-weight: bold;
width: calc(100% - 200rpx); width: 100%;
} }
.goods-base-content image { .goods-base-content image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.goods-base-content .collect {
width: 76rpx;
}
/** /**
* 视频 * 视频
@@ -197,7 +194,7 @@
.goods-base-price, .goods-base-price,
.price-content, .price-content,
.goods-base-right-opt { .goods-base-right-opt {
min-height: 145rpx; min-height: 116rpx;
} }
.price-content { .price-content {
width: calc(100% - 200rpx); width: calc(100% - 200rpx);
@@ -215,9 +212,6 @@
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
} }
.goods-base-right-opt .collect {
width: 76rpx;
}
.price-content .price-icon { .price-content .price-icon {
padding: 0px 8rpx; padding: 0px 8rpx;
color: #fff; color: #fff;

278
pages/goods-detail/goods-detail.vue
View File

@@ -65,7 +65,7 @@
<view v-if="(plugins_label_data || null) != null && plugins_label_data.data.length > 0" :class="'plugins-label oh pa plugins-label-' + ((plugins_label_data.base.is_user_goods_label_icon || 0) == 0 ? 'text' : 'img') + ' plugins-label-' + (plugins_label_data.base.user_goods_show_style || 'top-left')"> <view v-if="(plugins_label_data || null) != null && plugins_label_data.data.length > 0" :class="'plugins-label oh pa plugins-label-' + ((plugins_label_data.base.is_user_goods_label_icon || 0) == 0 ? 'text' : 'img') + ' plugins-label-' + (plugins_label_data.base.user_goods_show_style || 'top-left')">
<block v-for="(lv, li) in plugins_label_data.data" :key="li"> <block v-for="(lv, li) in plugins_label_data.data" :key="li">
<view class="lv dis-inline-block va-m" :data-value="(plugins_label_data.base.is_user_goods_label_url || 0) == 1 ? lv.url || '' : ''" @tap="url_event"> <view class="lv dis-inline-block va-m" :data-value="(plugins_label_data.base.is_user_goods_label_url || 0) == 1 ? lv.url || '' : ''" @tap="url_event">
<view v-if="(plugins_label_data.base.is_user_goods_label_icon || 0) == 0" class="round cr-white bg-main text-size-xs fl" :style="('background-color:'+(lv.bg_color || '#666'))+' !important;'+('color:'+(lv.text_color || '#fff'))+' !important;'">{{ lv.name }}</view> <view v-if="(plugins_label_data.base.is_user_goods_label_icon || 0) == 0" class="round cr-white bg-main text-size-xs fl" :style="'background-color:' + (lv.bg_color || '#666') + ' !important;' + ('color:' + (lv.text_color || '#fff')) + ' !important;'">{{ lv.name }}</view>
<image v-else class="dis-block" :src="lv.icon" mode="scaleToFill"></image> <image v-else class="dis-block" :src="lv.icon" mode="scaleToFill"></image>
</view> </view>
</block> </block>
@@ -73,29 +73,33 @@
</view> </view>
<!-- 价格信息 --> <!-- 价格信息 -->
<view class="goods-base-price bg-white oh spacing-mb" :class="plugins_seckill_is_valid ? 'goods-base-price-countdown' : ''"> <view class="goods-base-price bg-white oh" :class="plugins_seckill_is_valid ? 'goods-base-price-countdown' : ''" style="position: relative">
<image class="bg" src="https://store.sxczgkj.com/static/upload/images/common/2025/05/23/1747978811844233.png?noCache=mb0dgdfr" mode="aspectFill" style="width: 100%; height: 100%; position: absolute; top: 0; left: 0"></image>
<!-- 批发规则、未隐藏商品售价的时候独立行展示 --> <!-- 批发规则、未隐藏商品售价的时候独立行展示 -->
<block v-if="(plugins_wholesale_data || null) != null && (plugins_wholesale_data.is_hide_goods_price || 0) != 1"> <block v-if="(plugins_wholesale_data || null) != null && (plugins_wholesale_data.is_hide_goods_price || 0) != 1">
<component-wholesale-rules :propIsPopup="true" :propCurrencySymbol="currency_symbol" :propData="plugins_wholesale_data" :propIsAlone="true"></component-wholesale-rules> <component-wholesale-rules :propIsPopup="true" :propCurrencySymbol="currency_symbol" :propData="plugins_wholesale_data" :propIsAlone="true"></component-wholesale-rules>
</block> </block>
<!-- 价格 --> <!-- 价格 -->
<view class="price-content padding-vertical-main padding-left-main bs-bb fl" :style="plugins_seckill_is_valid ? 'background-image: url(' + plugins_seckill_data.goods_detail_header + ')' : ''"> <view class="price-content padding-vertical-main padding-left-main bs-bb fl" :style="plugins_seckill_is_valid ? 'background-image: url(' + plugins_seckill_data.goods_detail_header + ')' : ''" style="display: flex; align-items: center; gap: 20upx">
<!-- 批发插件是否开启隐藏价格信息 --> <!-- 批发插件是否开启隐藏价格信息 -->
<block v-if="(plugins_wholesale_data || null) == null || (plugins_wholesale_data.is_hide_goods_price || 0) != 1"> <block v-if="(plugins_wholesale_data || null) == null || (plugins_wholesale_data.is_hide_goods_price || 0) != 1">
<!-- 售价 --> <!-- 售价 -->
<view v-if="(goods.show_field_price_status || 0) == 1" class="item single-text"> <view v-if="(goods.show_field_price_status || 0) == 1" class="item single-text">
<text style="color: #fff; position: relative; top: 10upx">券后</text>
<!-- 图标 --> <!-- 图标 -->
<text v-if="(show_field_price_text || null) != null" :class="'price-icon round va-m margin-right-xs '+((plugins_seckill_is_valid) ? 'seckill' : '')">{{ show_field_price_text }}</text> <text v-if="(show_field_price_text || null) != null" :class="'price-icon round va-m margin-right-xs ' + (plugins_seckill_is_valid ? 'seckill' : '')">{{ show_field_price_text }}</text>
<!-- 售价 --> <!-- 售价 -->
<text class="sales-price va-m">{{ goods.show_price_symbol }}{{ goods_spec_base_price }}</text> <text style="font-size: 24upx; color: #fff; position: relative; top: 10upx">{{ goods.show_price_symbol }}</text>
<text class="sales-price-unit text-size-xs cr-grey va-m">{{ goods.show_price_unit }}</text> <text class="sales-price va-m" style="color: #fff; position: relative; top: 4upx">{{ goods_spec_base_price }}</text>
<text class="sales-price-unit text-size-xs cr-grey va-m" style="color: #fff">{{ goods.show_price_unit }}</text>
</view> </view>
<text style="color: #fff; opacity: 0.6">|</text>
<!-- 原价 --> <!-- 原价 -->
<view v-if="(goods.show_field_original_price_status || 0) == 1 && (goods_spec_base_original_price || null) != null && goods_spec_base_original_price != 0" class="item original-price single-text">{{ goods.show_original_price_symbol }}{{ goods_spec_base_original_price }}{{ goods.show_original_price_unit }}</view> <view v-if="(goods.show_field_original_price_status || 0) == 1 && (goods_spec_base_original_price || null) != null && goods_spec_base_original_price != 0" class="item single-text" style="color: #fff">优惠前{{ goods.show_original_price_symbol }}{{ goods_spec_base_original_price }}{{ goods.show_original_price_unit }}</view>
<!-- 积分兑换 --> <!-- 积分兑换 -->
<view v-if="(goods.plugins_points_data || null) != null && (goods.plugins_points_data.is_goods_detail_show || 0) == 1" class="item"> <view v-if="(goods.plugins_points_data || null) != null && (goods.plugins_points_data.is_goods_detail_show || 0) == 1" class="item">
<text class="points-price-value text-size-lg cr-base va-m">{{ goods.plugins_points_data.points_value }}</text> <text class="points-price-value text-size-lg cr-base va-m">{{ goods.plugins_points_data.points_value }}</text>
<text class="points-price-unit text-size-xs cr-grey va-m margin-left-xs">{{goods.plugins_points_data.points_unit}}</text> <text class="points-price-unit text-size-xs cr-grey va-m margin-left-xs">{{ goods.plugins_points_data.points_unit }}</text>
</view> </view>
</block> </block>
<block v-else> <block v-else>
@@ -106,63 +110,48 @@
<block v-if="plugins_seckill_is_valid"> <block v-if="plugins_seckill_is_valid">
<view class="countdown-content padding-top-lg padding-bottom-lg padding-left-xs padding-right-xs fr tc"> <view class="countdown-content padding-top-lg padding-bottom-lg padding-left-xs padding-right-xs fr tc">
<view class="time-title cr-white single-text">{{ plugins_seckill_data.goods_detail_title || $t('goods-detail.goods-detail.775ppk') }}</view> <view class="time-title cr-white single-text">{{ plugins_seckill_data.goods_detail_title || $t('goods-detail.goods-detail.775ppk') }}</view>
<component-countdown <component-countdown :propHour="plugins_seckill_data.time.hours" :propMinute="plugins_seckill_data.time.minutes" :propSecond="plugins_seckill_data.time.seconds" :propMsecShow="true" propTimeSize="32" propTimePadding="0" propTimeWeight="bold" propTimeBackgroundColor="transparent" propTimeColor="#ffe500" propDsColor="#fff"></component-countdown>
:propHour="plugins_seckill_data.time.hours"
:propMinute="plugins_seckill_data.time.minutes"
:propSecond="plugins_seckill_data.time.seconds"
:propMsecShow="true"
propTimeSize="32"
propTimePadding="0"
propTimeWeight="bold"
propTimeBackgroundColor="transparent"
propTimeColor="#ffe500"
propDsColor="#fff"
></component-countdown>
</view> </view>
</block> </block>
<block v-else> <block v-else>
<!-- 右侧操作 --> <!-- 右侧操作 -->
<view class="goods-base-right-opt padding-top-lg padding-bottom-lg padding-left-xs padding-right-main fr oh">
<!-- 收藏 --> <!-- 收藏 -->
<view class="collect tc cp fr margin-left" @tap="goods_favor_event">
<image :src="common_static_url + 'favor' + (nav_favor_button_info.status == 1 ? '-active' : '') + '-icon.png'" mode="scaleToFill" class="dis-block auto"></image>
<view :class="'cr-grey text-size-xs ' + (nav_favor_button_info.status == 1 ? 'cr-main' : 'cr-grey')">{{ nav_favor_button_info.text }}</view>
</view>
<!-- 分享 --> <!-- 分享 -->
<view class="goods-share tc cp fr" @tap="popup_share_event"> <view class="goods-base-right-opt padding-top-lg padding-bottom-lg padding-left-xs padding-right-main fr oh" style="display: flex; align-items: center; justify-content: flex-end">
<image :src="common_static_url + 'share-icon.png'" mode="scaleToFill" class="dis-block auto"></image> <text style="color: #fff">已售{{ goods.sales_count }}</text>
<view class="cr-grey text-size-xs">{{$t('common.share')}}</view> <!-- <view class="collect tc cp fr margin-left" @tap="goods_favor_event">
<image :src="common_static_url + 'favor' + (nav_favor_button_info.status == 1 ? '-active' : '') + '-icon.png'" mode="scaleToFill" class="dis-block auto" style="filter: saturate(0%) brightness(300%)"></image>
<view :class="'cr-grey text-size-xs ' + (nav_favor_button_info.status == 1 ? 'cr-main' : 'cr-grey')" style="color: #fff !important">{{ nav_favor_button_info.text }}</view>
</view> </view>
<view class="goods-share tc cp fr" @tap="popup_share_event">
<image :src="common_static_url + 'share-icon.png'" mode="scaleToFill" class="dis-block auto" style="filter: saturate(0%) brightness(300%)"></image>
<view class="cr-grey text-size-xs" style="color: #fff !important">{{ $t('common.share') }}</view>
</view> -->
</view> </view>
</block> </block>
</view> </view>
<view class="padding-horizontal-main"> <view>
<!-- 基础信息 --> <!-- 基础信息 -->
<view class="goods-base-content border-radius-main bg-white spacing-mb"> <view class="goods-base-content bg-white spacing-mb">
<view class="padding-main"> <view class="padding-main">
<view class="goods-title-content oh flex-row jc-sb align-c"> <view class="goods-title-content oh jc-sb align-c">
<!-- 标题容器 --> <!-- 标题容器 -->
<view class="goods-title flex-1 flex-width" :style="'color:' + goods.title_color"> <view class="goods-title flex-1 flex-width" :style="'color:' + goods.title_color">
<!-- icon --> <!-- icon -->
<block v-if="(goods.plugins_view_icon_data || null) != null && goods.plugins_view_icon_data.length > 0"> <block v-if="(goods.plugins_view_icon_data || null) != null && goods.plugins_view_icon_data.length > 0">
<block v-for="(item, index) in goods.plugins_view_icon_data" :key="index"> <block v-for="(item, index) in goods.plugins_view_icon_data" :key="index">
<text <text v-if="(item.name || null) != null" class="goods-title-icon-item va-m radius text-size-xs margin-right-xs" :style="((item.br_color || null) == null ? '' : 'border:1px solid ' + item.br_color + ';') + ((item.bg_color || null) == null ? '' : 'background: ' + item.bg_color + ';') + '' + ((item.color || null) == null ? '' : 'color: ' + item.color + ';')" :data-value="item.url || ''" @tap="url_event">{{ item.name }}</text>
v-if="(item.name || null) != null"
class="goods-title-icon-item va-m radius text-size-xs margin-right-xs"
:style="((item.br_color || null) == null ? '' : 'border:1px solid ' + item.br_color + ';') + ((item.bg_color || null) == null ? '' : 'background: ' + item.bg_color + ';') + '' + ((item.color || null) == null ? '' : 'color: ' + item.color + ';')"
:data-value="item.url || ''"
@tap="url_event">{{ item.name }}</text>
</block> </block>
</block> </block>
<!-- 标题 --> <!-- 标题 -->
<text class="va-m">{{ goods.title }}</text> <text class="va-m">{{ goods.title }}</text>
</view> </view>
<view v-if="(plugins_seckill_data || null) !== null" class="flex-row align-c padding-left-main"> <view class="flex-row align-c padding-left-main" style="display: flex; align-items: center; justify-content: flex-end; padding-top: 28upx">
<!-- 分享 --> <!-- 分享 -->
<view class="goods-share tc cp" @tap="popup_share_event"> <view class="goods-share tc cp" @tap="popup_share_event">
<image :src="common_static_url + 'share-icon.png'" mode="scaleToFill" class="dis-block auto"></image> <image :src="common_static_url + 'share-icon.png'" mode="scaleToFill" class="dis-block auto"></image>
<view class="cr-grey text-size-xs">{{$t('common.share')}}</view> <view class="cr-grey text-size-xs">{{ $t('common.share') }}</view>
</view> </view>
<!-- 收藏 --> <!-- 收藏 -->
<view class="collect tc cp margin-left-xxxl" @tap="goods_favor_event"> <view class="collect tc cp margin-left-xxxl" @tap="goods_favor_event">
@@ -172,26 +161,26 @@
</view> </view>
</view> </view>
<!-- 简述 --> <!-- 简述 -->
<view v-if="(goods.simple_desc || null) != null" class="cr-red text-size-xs margin-top-sm">{{ goods.simple_desc }}</view> <!-- <view v-if="(goods.simple_desc || null) != null" class="cr-red text-size-xs margin-top-sm">{{ goods.simple_desc }}</view> -->
</view> </view>
<!-- 基础总计数据 --> <!-- 基础总计数据 -->
<view v-if="(goods.show_sales_number_status || 0) == 1 || (goods.show_inventory_status || 0) == 1" class="br-t padding-main"> <!-- <view v-if="(goods.show_sales_number_status || 0) == 1 || (goods.show_inventory_status || 0) == 1" class="br-t padding-main">
<view class="text-size-xs flex-row jc-sb"> <view class="text-size-xs flex-row jc-sb">
<!-- <view v-if="(goods.show_inventory_status || 0) == 1"> <view v-if="(goods.show_inventory_status || 0) == 1">
<text class="cr-grey">{{$t('goods-detail.goods-detail.1s79t4')}}</text> <text class="cr-grey">{{$t('goods-detail.goods-detail.1s79t4')}}</text>
<text class="cr-main padding-left-sm">{{ goods.inventory }}</text> <text class="cr-main padding-left-sm">{{ goods.inventory }}</text>
</view> --> </view>
<view> <view>
<text class="cr-grey">{{$t('goods-category.goods-category.283ot0')}}</text> <text class="cr-grey">{{ $t('goods-category.goods-category.283ot0') }}</text>
<text class="cr-main padding-left-sm">{{ goods.access_count }}</text> <text class="cr-main padding-left-sm">{{ goods.access_count }}</text>
</view> </view>
<view v-if="(goods.show_sales_number_status || 0) == 1"> <view v-if="(goods.show_sales_number_status || 0) == 1">
<text class="cr-grey">{{$t('goods-category.goods-category.at5p35')}}</text> <text class="cr-grey">{{ $t('goods-category.goods-category.at5p35') }}</text>
<text class="cr-main padding-left-sm">{{ goods.sales_count }}</text> <text class="cr-main padding-left-sm">{{ goods.sales_count }}</text>
</view> </view>
</view> </view>
</view> </view> -->
</view> </view>
<!-- 面板提示信息 --> <!-- 面板提示信息 -->
@@ -214,7 +203,7 @@
<!-- 优惠券 --> <!-- 优惠券 -->
<view v-if="(plugins_coupon_data || null) != null && plugins_coupon_data.data.length > 0" class="plugins-coupon-container-view pr oh padding-main border-radius-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c"> <view v-if="(plugins_coupon_data || null) != null && plugins_coupon_data.data.length > 0" class="plugins-coupon-container-view pr oh padding-main border-radius-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c">
<view class="item-title padding-right-main self-c">{{$t('goods-detail.goods-detail.w3jma9')}}</view> <view class="item-title padding-right-main self-c">{{ $t('goods-detail.goods-detail.w3jma9') }}</view>
<view class="flex-row align-c flex-1 flex-width"> <view class="flex-row align-c flex-1 flex-width">
<view class="margin-right-main cp flex-1 flex-width flex-row coupon-srcoll"> <view class="margin-right-main cp flex-1 flex-width flex-row coupon-srcoll">
<block v-for="(item, index) in plugins_coupon_data.data" :key="index"> <block v-for="(item, index) in plugins_coupon_data.data" :key="index">
@@ -229,37 +218,42 @@
</block> </block>
</view> </view>
<view @tap="popup_coupon_event"> <view @tap="popup_coupon_event">
<text class="text-size-xs cr-grey-9">{{$t('user-order-detail.user-order-detail.423rmr')}}{{ plugins_coupon_data.data.length }}{{$t('buy.buy.5iuqow')}}</text> <text class="text-size-xs cr-grey-9">{{ $t('user-order-detail.user-order-detail.423rmr') }}{{ plugins_coupon_data.data.length }}{{ $t('buy.buy.5iuqow') }}</text>
<iconfont name="icon-arrow-right" color="#999" propClass="va-m"></iconfont> <iconfont name="icon-arrow-right" color="#999" propClass="va-m"></iconfont>
</view> </view>
</view> </view>
</view> </view>
<!-- 规格选择 --> <!-- 规格选择 -->
<view v-if="!plugins_realstore_cart_nav_status && goods.is_exist_many_spec == 1 && (buy_button || null) != null && (buy_button.is_buy || 0) + (buy_button.is_cart || 0) + (buy_button.is_show || 0) > 0" class="spec-container-view oh padding-horizontal-main padding-main border-radius-main bg-white text-size-xs spacing-mb"> <view v-if="!plugins_realstore_cart_nav_status && goods.is_exist_many_spec == 1 && (buy_button || null) != null && (buy_button.is_buy || 0) + (buy_button.is_cart || 0) + (buy_button.is_show || 0) > 0" class="spec-container-view oh padding-horizontal-main padding-main bg-white text-size-xs" style="border-bottom: 1px solid #ececec">
<view class="fl item-title">{{$t('goods-detail.goods-detail.u401fi')}}</view> <view class="fl item-title" style="display: flex; align-items: center; gap: 36upx"> <uni-icons type="cart" color="#999" size="20"></uni-icons>{{ $t('goods-detail.goods-detail.u401fi') }}</view>
<view class="fr column-right-view border-radius-main single-text cp" @tap="nav_buy_submit_event" :data-type="(buy_button.is_buy || 0) == 1 ? 'buy' : (buy_button.is_cart || 0) == 1 ? 'cart' : 'spec-show'"> <view class="fr column-right-view single-text cp" @tap="nav_buy_submit_event" :data-type="(buy_button.is_buy || 0) == 1 ? 'buy' : (buy_button.is_cart || 0) == 1 ? 'cart' : 'spec-show'">
<text class="text-size-xs cr-grey-9">{{ goods_spec_selected_text }}</text> <text class="text-size-xs" :class="{ 'cr-grey-9': goods_spec_selected_text == '请选择规格' }">{{ goods_spec_selected_text }}</text>
<iconfont name="icon-arrow-right" color="#999" propClass="va-m"></iconfont> <iconfont name="icon-arrow-right" color="#999" propClass="va-m"></iconfont>
</view> </view>
</view> </view>
</view> </view>
<view class="padding-horizontal-main"> <view>
<!-- 商品基础参数 --> <!-- 商品基础参数 -->
<view v-if="(goods.parameters || null) != null && (goods.parameters.base || null) != null && goods.parameters.base.length > 0" class="goods-parameters parameters-base border-radius-main padding-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c" @tap="popup_params_event" data-value="base"> <view v-if="(goods.parameters || null) != null && (goods.parameters.base || null) != null && goods.parameters.base.length > 0" class="goods-parameters parameters-base padding-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c" @tap="popup_params_event" data-value="base">
<view class="single-text padding-right-main flex-1 flex-width"> <uni-icons type="calendar" color="#999" size="20"></uni-icons>
<block v-for="(item, index) in goods.parameters.base" :key="index"> <view class="single-text padding-right-main flex-1 flex-width" style="display: flex">
<!-- <block v-for="(item, index) in goods.parameters.base" :key="index">
<text v-if="index > 0">，</text> <text v-if="index > 0">，</text>
<text>{{ item.value }}</text> <text>{{ item.value }}</text>
</block> </block> -->
<view class="signin-item" v-for="(item, index) in goods.parameters.base.slice(0, 4)" :key="index">
<text class="text">{{ item.value }}</text>
<text class="text t">{{ item.name }}</text>
</view>
</view> </view>
<iconfont name="icon-arrow-right" color="#999"></iconfont> <iconfont name="icon-arrow-right" color="#999"></iconfont>
</view> </view>
<!-- 商品服务 --> <!-- 商品服务 -->
<view v-if="(plugins_goodsservice_data || null) != null && plugins_goodsservice_data.length > 0" class="plugins-goodsservice-view-container border-radius-main padding-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c" @tap="popup_goodsservice_event"> <view v-if="(plugins_goodsservice_data || null) != null && plugins_goodsservice_data.length > 0" class="plugins-goodsservice-view-container padding-main bg-white text-size-xs spacing-mb flex-row jc-sb align-c" @tap="popup_goodsservice_event">
<view class="padding-right-main single-text border-radius-right-main flex-1 flex-width"> <view class="padding-right-main single-text flex-1 flex-width">
<block v-for="(item, index) in plugins_goodsservice_data" :key="index"> <block v-for="(item, index) in plugins_goodsservice_data" :key="index">
<view :class="'item dis-inline-block ' + (index > 0 ? 'margin-left-xxl' : '')"> <view :class="'item dis-inline-block ' + (index > 0 ? 'margin-left-xxl' : '')">
<image class="va-m radius" :src="item.images" mode="widthFix"></image> <image class="va-m radius" :src="item.images" mode="widthFix"></image>
@@ -276,36 +270,38 @@
</block> </block>
<!-- 门店 --> <!-- 门店 -->
<view v-if="plugins_realstore_data != null && ((plugins_realstore_data.data || null) != null) && plugins_realstore_data.data.length > 0" class="plugins-realstore-container"> <view v-if="plugins_realstore_data != null && (plugins_realstore_data.data || null) != null && plugins_realstore_data.data.length > 0" class="plugins-realstore-container">
<view class="spacing-nav-title flex-row align-c jc-sb text-size-xs"> <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
<text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{$t('goods-detail.goods-detail.317jp2')}}</text> <text class="text-wrapper title-left-border single-text flex-1 flex-width padding-right-main">{{ $t('goods-detail.goods-detail.317jp2') }}</text>
<text :data-value="'/pages/plugins/realstore/search/search?goods_id='+goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{$t('common.more')}}</text> <text :data-value="'/pages/plugins/realstore/search/search?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}</text>
</view> </view>
<component-realstore-list :propData="{...{data: plugins_realstore_data.data}, ...{random: random_value}}" :propRealstoreDetailQuery="'&source_goods_id='+goods.id" :propIsFavor="false"></component-realstore-list> <component-realstore-list :propData="{ ...{ data: plugins_realstore_data.data }, ...{ random: random_value } }" :propRealstoreDetailQuery="'&source_goods_id=' + goods.id" :propIsFavor="false"></component-realstore-list>
</view> </view>
<!-- 多商户 --> <!-- 多商户 -->
<block v-if="plugins_shop_data != null"> <block v-if="plugins_shop_data != null">
<component-shop-list :propData="{...{data: [plugins_shop_data]}, ...{random: random_value}}"></component-shop-list> <component-shop-list :propData="{ ...{ data: [plugins_shop_data] }, ...{ random: random_value } }"></component-shop-list>
</block> </block>
<!-- 商品评价 --> <!-- 商品评价 -->
<view v-if="common_is_goods_detail_show_comments == 1" class="goods-comment spacing-mb"> <view v-if="common_is_goods_detail_show_comments == 1" class="goods-comment spacing-mb">
<view class="spacing-nav-title flex-row align-c jc-sb text-size-xs"> <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs padding-horizontal-main bg-white" style="margin-bottom: 0; padding: 10px">
<view class="title-left"> <view class="title-left">
<text class="text-wrapper title-left-border">{{$t('goods-detail.goods-detail.znz76d')}}</text> <text class="text-wrapper title-left-border">买家评价</text>
<text class="vice-name cr-grey">({{ goods.comments_count || 0 }})</text> <text class="vice-name cr-grey">({{ goods.comments_count || 0 }})</text>
</view> </view>
<text :data-value="'/pages/goods-comment/goods-comment?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{$t('goods-detail.goods-detail.1rqkjt')}}{{ (goods.comments_score || null) == null ? 0 : (goods.comments_score.rate || 0) }}%</text> <!-- <text :data-value="'/pages/goods-comment/goods-comment?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">
{{ $t('goods-detail.goods-detail.1rqkjt') }}{{ (goods.comments_score || null) == null ? 0 : goods.comments_score.rate || 0 }}%
</text> -->
<text :data-value="'/pages/goods-comment/goods-comment?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">查看全部</text>
</view> </view>
<view class="border-radius-main padding-main bg-white"> <view class="padding-main bg-white">
<!-- 商品数据 --> <!-- 商品数据 -->
<component-goods-comments :propData="goods.comments_data"></component-goods-comments> <component-goods-comments :propData="goods.comments_data"></component-goods-comments>
<!-- 是否开启评论入口 --> <!-- 是否开启评论入口 -->
<view v-if="(plugins_intellectstools_data || null) !== null && (plugins_intellectstools_data.is_comments_add || 0) == 1"> <view v-if="(plugins_intellectstools_data || null) !== null && (plugins_intellectstools_data.is_comments_add || 0) == 1">
<view data-value="/pages/plugins/intellectstools/goods-comments/goods-comments?goods_id=' + goods.id" @tap="url_event" class="cp"> <view data-value="/pages/plugins/intellectstools/goods-comments/goods-comments?goods_id=' + goods.id" @tap="url_event" class="cp">
<view class="br-t-e padding-top-main cr-base flex-row jc-c align-c">{{$t('goods-detail.goods-detail.6k7808')}}<iconfont name="icon-arrow-right" color="#666" propClass="margin-left-sm pr top-xs"></iconfont> <view class="br-t-e padding-top-main cr-base flex-row jc-c align-c">{{ $t('goods-detail.goods-detail.6k7808') }}<iconfont name="icon-arrow-right" color="#666" propClass="margin-left-sm pr top-xs"></iconfont> </view>
</view>
</view> </view>
</view> </view>
</view> </view>
@@ -314,25 +310,21 @@
<view v-if="(plugins_ask_data || null) !== null && (plugins_ask_data.is_ask_add || 0) == 1" class="goods-comment spacing-mb"> <view v-if="(plugins_ask_data || null) !== null && (plugins_ask_data.is_ask_add || 0) == 1" class="goods-comment spacing-mb">
<view class="spacing-nav-title flex-row align-c jc-sb text-size-xs"> <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs">
<view class="title-left"> <view class="title-left">
<text class="text-wrapper title-left-border">{{$t('goods-detail.goods-detail.k5u755')}}</text> <text class="text-wrapper title-left-border">{{ $t('goods-detail.goods-detail.k5u755') }}</text>
<text class="vice-name cr-grey">({{ goods.comments_count }})</text> <text class="vice-name cr-grey">({{ goods.comments_count }})</text>
</view> </view>
<text :data-value="'/pages/plugins/ask/goods-list/goods-list?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{$t('goods-detail.goods-detail.q8e577')}}</text> <text :data-value="'/pages/plugins/ask/goods-list/goods-list?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('goods-detail.goods-detail.q8e577') }}</text>
</view> </view>
<view class="border-radius-main padding-main bg-white"> <view class="border-radius-main padding-main bg-white">
<component-ask-comments-goods :propData="plugins_ask_data.ask_data"></component-ask-comments-goods> <component-ask-comments-goods :propData="plugins_ask_data.ask_data"></component-ask-comments-goods>
<view :data-value="'/pages/plugins/ask/form/form?goods_id='+goods.id" @tap="url_event" class="cp"> <view :data-value="'/pages/plugins/ask/form/form?goods_id=' + goods.id" @tap="url_event" class="cp">
<view class="br-t-e padding-top-main cr-base flex-row jc-c align-c">{{$t('goods-detail.goods-detail.7ulh8b')}}<iconfont name="icon-arrow-right" color="#666" propClass="pr top-sm margin-left-sm"></iconfont> <view class="br-t-e padding-top-main cr-base flex-row jc-c align-c">{{ $t('goods-detail.goods-detail.7ulh8b') }}<iconfont name="icon-arrow-right" color="#666" propClass="pr top-sm margin-left-sm"></iconfont> </view>
</view>
</view> </view>
</view> </view>
</view> </view>
<!-- 智能工具-详情顶部提示信息 --> <!-- 智能工具-详情顶部提示信息 -->
<view <view v-if="(plugins_intellectstools_data || null) != null && (plugins_intellectstools_data.content_top || null) != null && (plugins_intellectstools_data.content_top.msg || null) != null && plugins_intellectstools_data.content_top.msg.length > 0" class="plugins-intellectstools-content-top-container panel-item panel-item-only padding-main border-radius-main text-size-xs spacing-mb">
v-if="(plugins_intellectstools_data || null) != null && (plugins_intellectstools_data.content_top || null) != null && (plugins_intellectstools_data.content_top.msg || null) != null && plugins_intellectstools_data.content_top.msg.length > 0"
class="plugins-intellectstools-content-top-container panel-item panel-item-only padding-main border-radius-main text-size-xs spacing-mb"
>
<view v-if="(plugins_intellectstools_data.content_top.title || null) != null" class="panel-title padding-bottom-main fw-b text-size margin-bottom-main"> <view v-if="(plugins_intellectstools_data.content_top.title || null) != null" class="panel-title padding-bottom-main fw-b text-size margin-bottom-main">
{{ plugins_intellectstools_data.content_top.title }} {{ plugins_intellectstools_data.content_top.title }}
</view> </view>
@@ -347,7 +339,7 @@
<view v-if="(goods.parameters || null) != null && (goods.parameters.detail || null) != null && goods.parameters.detail.length > 0" class="spacing-mb"> <view v-if="(goods.parameters || null) != null && (goods.parameters.detail || null) != null && goods.parameters.detail.length > 0" class="spacing-mb">
<view class="spacing-nav-title"> <view class="spacing-nav-title">
<text class="line"></text> <text class="line"></text>
<text class="text-wrapper">{{$t('goods-detail.goods-detail.l7dzv2')}}</text> <text class="text-wrapper">{{ $t('goods-detail.goods-detail.l7dzv2') }}</text>
</view> </view>
<view class="goods-parameters border-radius-main padding-main bg-white"> <view class="goods-parameters border-radius-main padding-main bg-white">
<view class="content-item oh"> <view class="content-item oh">
@@ -368,10 +360,10 @@
<!-- 商品详情 --> <!-- 商品详情 -->
<view class="goods-detail"> <view class="goods-detail">
<view class="spacing-nav-title flex-row align-c jc-sb text-size-xs"> <view class="spacing-nav-title flex-row align-c jc-sb text-size-xs bg-white" style="margin-bottom: 0; padding: 10px">
<text class="text-wrapper title-left-border">{{$t('goods-detail.goods-detail.2j44o2')}}</text> <text class="text-wrapper title-left-border">{{ $t('goods-detail.goods-detail.2j44o2') }}</text>
</view> </view>
<view class="border-radius-main oh bg-white"> <view class="oh bg-white">
<block v-if="(common_is_goods_detail_content_show_photo == 1 && goods_photo.length > 0) || (common_app_is_use_mobile_detail == 0 && (goods.content_web || null) != null) || (common_app_is_use_mobile_detail == 1 && goods_content_app.length > 0)"> <block v-if="(common_is_goods_detail_content_show_photo == 1 && goods_photo.length > 0) || (common_app_is_use_mobile_detail == 0 && (goods.content_web || null) != null) || (common_app_is_use_mobile_detail == 1 && goods_content_app.length > 0)">
<!-- 是否详情展示相册 --> <!-- 是否详情展示相册 -->
<block v-if="common_is_goods_detail_content_show_photo == 1 && goods_photo.length > 0"> <block v-if="common_is_goods_detail_content_show_photo == 1 && goods_photo.length > 0">
@@ -380,7 +372,7 @@
</view> </view>
</block> </block>
<!-- web详情 --> <!-- web详情 -->
<view v-if="common_app_is_use_mobile_detail == 0 && (goods.content_web || null) != null" class="padding-main web-html-content"> <view v-if="common_app_is_use_mobile_detail == 0 && (goods.content_web || null) != null" class="web-html-content">
<mp-html :content="goods.content_web" /> <mp-html :content="goods.content_web" />
</view> </view>
<!-- 手机独立详情 --> <!-- 手机独立详情 -->
@@ -394,7 +386,7 @@
</block> </block>
</block> </block>
<block v-else> <block v-else>
<view class="cr-grey tc padding-top-xxl padding-bottom-xxl">{{$t('goods-detail.goods-detail.27wudx')}}</view> <view class="cr-grey tc padding-top-xxl padding-bottom-xxl">{{ $t('goods-detail.goods-detail.27wudx') }}</view>
</block> </block>
</view> </view>
</view> </view>
@@ -402,7 +394,7 @@
<!-- 猜你喜欢 --> <!-- 猜你喜欢 -->
<view v-if="guess_you_like.length > 0" class="padding-horizontal-main margin-top-main"> <view v-if="guess_you_like.length > 0" class="padding-horizontal-main margin-top-main">
<view class="tc spacing-mb"> <view class="tc spacing-mb">
<view class="guess-like fw-b text-size-md">{{$t('goods-detail.goods-detail.v2974w')}}</view> <view class="guess-like fw-b text-size-md">{{ $t('goods-detail.goods-detail.v2974w') }}</view>
</view> </view>
<div class="spacing-mt"> <div class="spacing-mt">
<component-goods-list :propData="{ style_type: 1, goods_list: guess_you_like }" :propCurrencySymbol="currency_symbol"></component-goods-list> <component-goods-list :propData="{ style_type: 1, goods_list: guess_you_like }" :propCurrencySymbol="currency_symbol"></component-goods-list>
@@ -424,15 +416,15 @@
</view> </view>
<block v-else> <block v-else>
<!-- 底部操作 --> <!-- 底部操作 -->
<view v-if="goods_bottom_opt_nav_status" class="bottom-fixed" :style="bottom_fixed_style"> <view v-if="goods_bottom_opt_nav_status" class="bottom-fixed" :style="bottom_fixed_style" style="padding: 0; background-color: #fff">
<view class="bottom-line-exclude"> <view class="bottom-line-exclude">
<view class="item goods-buy-nav oh round bg-white flex-row jc-sb align-c padding-vertical-sm padding-horizontal-xs"> <view class="goods-buy-nav oh bg-white flex-row jc-sb align-c padding-vertical-sm padding-horizontal-xs">
<!-- 左侧集合操作 --> <!-- 左侧集合操作 -->
<view class="tc flex-row jc-sa align-c flex-width-half padding-right-sm"> <view class="tc flex-row jc-sa align-c flex-width-half padding-right-sm">
<!-- 是否指定返回操作 --> <!-- 是否指定返回操作 -->
<view v-if="is_opt_back == 1" class="cp" @tap="bottom_nav_back_event"> <view v-if="is_opt_back == 1" class="cp" @tap="bottom_nav_back_event">
<image :src="common_static_url + 'back-icon.png'" mode="scaleToFill" class="image"></image> <image :src="common_static_url + 'back-icon.png'" mode="scaleToFill" class="image"></image>
<text class="dis-block text-size-xs cr-grey">{{$t('common.return')}}</text> <text class="dis-block text-size-xs cr-grey">{{ $t('common.return') }}</text>
</view> </view>
<!-- 左侧购买导航列表 --> <!-- 左侧购买导航列表 -->
<block v-if="buy_left_nav.length > 0"> <block v-if="buy_left_nav.length > 0">
@@ -441,15 +433,7 @@
<block v-if="item.type != 'favor'"> <block v-if="item.type != 'favor'">
<!-- 客服 --> <!-- 客服 -->
<block v-if="item.type == 'chat'"> <block v-if="item.type == 'chat'">
<component-online-service <component-online-service :propIsGoods="true" :propIsNav="true" :propCard="true" :propTitle="goods.title" :propImg="goods.images" :propPath="'/pages/goods-detail/goods-detail?id=' + goods.id" :propChatUrl="item.url || ''"></component-online-service>
:propIsGoods="true"
:propIsNav="true"
:propCard="true"
:propTitle="goods.title"
:propImg="goods.images"
:propPath="'/pages/goods-detail/goods-detail?id=' + goods.id"
:propChatUrl="item.url || ''"
></component-online-service>
</block> </block>
<!-- 首页 --> <!-- 首页 -->
<block v-else-if="item.type == 'home'"> <block v-else-if="item.type == 'home'">
@@ -474,7 +458,7 @@
<component-badge :propNumber="quick_nav_cart_count"></component-badge> <component-badge :propNumber="quick_nav_cart_count"></component-badge>
</view> </view>
<image :src="common_static_url + 'cart-icon.png'" mode="scaleToFill" class="image"></image> <image :src="common_static_url + 'cart-icon.png'" mode="scaleToFill" class="image"></image>
<text class="dis-block text-size-xs cr-grey">{{$t('common.cart')}}</text> <text class="dis-block text-size-xs cr-grey">{{ $t('common.cart') }}</text>
</view> </view>
</view> </view>
<!-- 右侧主操作 --> <!-- 右侧主操作 -->
@@ -512,7 +496,7 @@
</block> </block>
</block> </block>
<block v-else> <block v-else>
<view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{$t('goods-detail.goods-detail.0gx41x')}}</view> <view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{ $t('goods-detail.goods-detail.0gx41x') }}</view>
</block> </block>
</view> </view>
</view> </view>
@@ -533,7 +517,7 @@
</block> </block>
</block> </block>
<block v-else> <block v-else>
<view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{$t('goods-detail.goods-detail.96y691')}}</view> <view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{ $t('goods-detail.goods-detail.96y691') }}</view>
</block> </block>
</view> </view>
</view> </view>
@@ -548,14 +532,14 @@
</view> </view>
</view> </view>
<view class="plugins-realstore-popup"> <view class="plugins-realstore-popup">
<block v-if="(plugins_realstore_data || null) != null && ((plugins_realstore_data.data || null) != null) && plugins_realstore_data.data.length > 0"> <block v-if="(plugins_realstore_data || null) != null && (plugins_realstore_data.data || null) != null && plugins_realstore_data.data.length > 0">
<component-realstore-list :propData="{...{data: plugins_realstore_data.data}, ...{random: random_value}}" :propRealstoreDetailQuery="'&source_goods_id='+goods.id" :propIsFavor="false"></component-realstore-list> <component-realstore-list :propData="{ ...{ data: plugins_realstore_data.data }, ...{ random: random_value } }" :propRealstoreDetailQuery="'&source_goods_id=' + goods.id" :propIsFavor="false"></component-realstore-list>
<view class="tc margin-top-sm margin-bottom-lg"> <view class="tc margin-top-sm margin-bottom-lg">
<text :data-value="'/pages/plugins/realstore/search/search?goods_id='+goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{$t('common.more')}}{{$t('goods-detail.goods-detail.317jp2')}}</text> <text :data-value="'/pages/plugins/realstore/search/search?goods_id=' + goods.id" @tap="url_event" class="arrow-right padding-right cr-grey cp">{{ $t('common.more') }}{{ $t('goods-detail.goods-detail.317jp2') }}</text>
</view> </view>
</block> </block>
<block v-else> <block v-else>
<view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{$t('goods-detail.goods-detail.gwwf19')}}</view> <view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{ $t('goods-detail.goods-detail.gwwf19') }}</view>
</block> </block>
</view> </view>
</view> </view>
@@ -584,7 +568,7 @@
</block> </block>
</block> </block>
<block v-else> <block v-else>
<view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{$t('goods-detail.goods-detail.8ej346')}}</view> <view class="cr-grey tc padding-top-xl padding-bottom-xxxl">{{ $t('goods-detail.goods-detail.8ej346') }}</view>
</block> </block>
</view> </view>
</view> </view>
@@ -802,7 +786,7 @@
componentRealstoreCart, componentRealstoreCart,
componentGoodsList, componentGoodsList,
componentWholesaleRules, componentWholesaleRules,
componentCategorylimitWarmTips componentCategorylimitWarmTips,
}, },
onLoad(params) { onLoad(params) {
@@ -871,12 +855,12 @@
query.select(data[i]['ent']).boundingClientRect(); query.select(data[i]['ent']).boundingClientRect();
} }
query.exec(function (res) { query.exec(function (res) {
if((res || null) != null) { if ((res || null) != null) {
var bar_h = parseInt(app.globalData.get_system_info('statusBarHeight', 0)); var bar_h = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
var nav_h = self.top_nav_height; var nav_h = self.top_nav_height;
var length = res.length - 1; var length = res.length - 1;
for (var i = length; i >= 0; i--) { for (var i = length; i >= 0; i--) {
if((res[i] || null) != null) { if ((res[i] || null) != null) {
var temp = res[i]['top'] - bar_h - nav_h; var temp = res[i]['top'] - bar_h - nav_h;
if (temp <= 0) { if (temp <= 0) {
if (self.top_nav_title_index != i) { if (self.top_nav_title_index != i) {
@@ -911,9 +895,9 @@
// 获取数据 // 获取数据
init() { init() {
// 缓存数据 // 缓存数据
if((this.goods || null) == null) { if ((this.goods || null) == null) {
var goods = app.globalData.goods_data_cache_handle(this.params.id); var goods = app.globalData.goods_data_cache_handle(this.params.id);
if(goods != null) { if (goods != null) {
this.init_result_data_handle(goods); this.init_result_data_handle(goods);
} }
} }
@@ -967,25 +951,25 @@
// 如果已默认开启购买弹窗，库存为0则不开启 // 如果已默认开启购买弹窗，库存为0则不开启
if (this.popup_buy_status && parseInt(goods.inventory) > 0) { if (this.popup_buy_status && parseInt(goods.inventory) > 0) {
if ((this.$refs.goods_buy || null) != null) { if ((this.$refs.goods_buy || null) != null) {
this.$refs.goods_buy.init(this.goods, {...{buy_event_type: this.buy_event_type, buy_button: this.buy_button}, ...this.params}); this.$refs.goods_buy.init(this.goods, { ...{ buy_event_type: this.buy_event_type, buy_button: this.buy_button }, ...this.params });
} }
} }
// 是否展示门店购物车导航 // 是否展示门店购物车导航
if((this.plugins_realstore_data || null) != null) { if ((this.plugins_realstore_data || null) != null) {
// 当前门店信息 // 当前门店信息
if((this.plugins_realstore_data.info || null) != null) { if ((this.plugins_realstore_data.info || null) != null) {
this.setData({ this.setData({
plugins_realstore_cart_nav_status: true, plugins_realstore_cart_nav_status: true,
goods_bottom_nav_status: false, goods_bottom_nav_status: false,
goods_bottom_opt_nav_status: false, goods_bottom_opt_nav_status: false,
}); });
this.$refs.realstore_cart.init({...{source: 'goods', base: this.plugins_realstore_data.base, info: this.plugins_realstore_data.info, realstore_goods_data: {...{buy_button: this.buy_button}, ...this.goods}}, ...this.params}); this.$refs.realstore_cart.init({ ...{ source: 'goods', base: this.plugins_realstore_data.base, info: this.plugins_realstore_data.info, realstore_goods_data: { ...{ buy_button: this.buy_button }, ...this.goods } }, ...this.params });
} }
// 是否需要隐藏购物车 // 是否需要隐藏购物车
if(parseInt(this.plugins_realstore_data.is_hide_cart || 0) == 1) { if (parseInt(this.plugins_realstore_data.is_hide_cart || 0) == 1) {
this.setData({is_opt_cart: 0}); this.setData({ is_opt_cart: 0 });
} }
} }
@@ -1034,8 +1018,8 @@
var price_text_arr = [this.$t('goods-detail.goods-detail.bogx42'), this.$t('goods-category.goods-category.g2u3lf'), this.$t('goods-detail.goods-detail.3kdgjl')]; var price_text_arr = [this.$t('goods-detail.goods-detail.bogx42'), this.$t('goods-category.goods-category.g2u3lf'), this.$t('goods-detail.goods-detail.3kdgjl')];
// 相册处理 // 相册处理
var photo = goods.photo || []; var photo = goods.photo || [];
if(photo.length == 0 && (goods.images || null) != null) { if (photo.length == 0 && (goods.images || null) != null) {
photo.push({images: goods.images}); photo.push({ images: goods.images });
} }
this.setData({ this.setData({
data_bottom_line_status: true, data_bottom_line_status: true,
@@ -1147,7 +1131,7 @@
case 'cart': case 'cart':
this.setData({ buy_event_type: type }); this.setData({ buy_event_type: type });
if ((this.$refs.goods_buy || null) != null) { if ((this.$refs.goods_buy || null) != null) {
this.$refs.goods_buy.init(this.goods, {...{buy_event_type: this.buy_event_type, buy_button: this.buy_button, is_init: 0}, ...this.params}); this.$refs.goods_buy.init(this.goods, { ...{ buy_event_type: this.buy_event_type, buy_button: this.buy_button, is_init: 0 }, ...this.params });
} }
break; break;
// url事件 // url事件
@@ -1169,13 +1153,13 @@
break; break;
// 门店 // 门店
case 'plugins-realstore': case 'plugins-realstore':
if((this.plugins_realstore_data || null) == null || (this.plugins_realstore_data.data || null) == null) { if ((this.plugins_realstore_data || null) == null || (this.plugins_realstore_data.data || null) == null) {
app.globalData.showToast(this.$t('goods-detail.goods-detail.98v424')); app.globalData.showToast(this.$t('goods-detail.goods-detail.98v424'));
return false; return false;
} }
var temp_data_list = this.plugins_realstore_data.data || []; var temp_data_list = this.plugins_realstore_data.data || [];
if (temp_data_list.length == 1) { if (temp_data_list.length == 1) {
app.globalData.url_open(temp_data_list[0]['url']+'&source_goods_id='+this.goods.id); app.globalData.url_open(temp_data_list[0]['url'] + '&source_goods_id=' + this.goods.id);
} else { } else {
this.setData({ this.setData({
popup_realstore_status: true, popup_realstore_status: true,
@@ -1187,20 +1171,20 @@
// 商品批量下单-加入购物车 // 商品批量下单-加入购物车
case 'plugins-batchbuy-button-cart': case 'plugins-batchbuy-button-cart':
if ((this.$refs.goods_batch_buy || null) != null) { if ((this.$refs.goods_batch_buy || null) != null) {
this.$refs.goods_batch_buy.init({goods: this.goods, batchbuy_data: this.plugins_batchbuy_data, buy_button: this.buy_button, plugins_wholesale_data: this.plugins_wholesale_data}); this.$refs.goods_batch_buy.init({ goods: this.goods, batchbuy_data: this.plugins_batchbuy_data, buy_button: this.buy_button, plugins_wholesale_data: this.plugins_wholesale_data });
} }
break; break;
// 默认 // 默认
default: default:
app.globalData.showToast(this.$t('goods-detail.goods-detail.721e2h')+type+')'); app.globalData.showToast(this.$t('goods-detail.goods-detail.721e2h') + type + ')');
} }
}, },
// 数量和规格详情回调成功 // 数量和规格详情回调成功
goods_buy_back_success_event(e) { goods_buy_back_success_event(e) {
if((e.back_data.plugins_wholesale_data || null) != null) { if ((e.back_data.plugins_wholesale_data || null) != null) {
this.setData({ this.setData({
plugins_wholesale_data: e.back_data.plugins_wholesale_data plugins_wholesale_data: e.back_data.plugins_wholesale_data,
}); });
} }
}, },
@@ -1219,7 +1203,14 @@
temp_goods['specifications']['choose'] = e.goods_spec_choose; temp_goods['specifications']['choose'] = e.goods_spec_choose;
} }
this.setData({ this.setData({
goods_spec_selected_text: (e.spec || null) == null ? '' : e.spec.map(function (v) {return v.value;}).join(' / '), goods_spec_selected_text:
(e.spec || null) == null
? ''
: e.spec
.map(function (v) {
return v.value;
})
.join(' / '),
goods: temp_goods, goods: temp_goods,
}); });
}, },
@@ -1318,7 +1309,7 @@
status: true, status: true,
is_goods_poster: this.plugins_is_goods_detail_poster, is_goods_poster: this.plugins_is_goods_detail_poster,
goods_id: this.goods.id, goods_id: this.goods.id,
share_info: this.share_info share_info: this.share_info,
}); });
} }
}, },
@@ -1499,13 +1490,34 @@
// 下单类型切换事件、数据刷新事件 // 下单类型切换事件、数据刷新事件
refresh_loading_event(params) { refresh_loading_event(params) {
console.log(params) console.log(params);
this.setData({params: {...this.params, ...params}}); this.setData({ params: { ...this.params, ...params } });
this.init(); this.init();
} },
} },
}; };
</script> </script>
<style> <style scoped lang="scss">
@import './goods-detail.css'; @import './goods-detail.css';
.signin-item {
flex: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
.text {
width: 140upx;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align: center;
}
.t {
color: #999;
}
}
.tc {
display: flex;
align-items: center;
gap: 4upx;
}
</style> </style>

46
pages/login/login.vue
View File

@@ -6,7 +6,7 @@
<view> <view>
<!-- 多语言切换、绑定账户不展示语言切换 --> <!-- 多语言切换、绑定账户不展示语言切换 -->
<view v-if="home_use_multilingual_status == 1 && current_opt_form != 'bind_platform'" class="flex-row tr padding-top-sm padding-horizontal-lg padding-bottom-lg margin-bottom-xl"> <view v-if="home_use_multilingual_status == 1 && current_opt_form != 'bind_platform'" class="flex-row tr padding-top-sm padding-horizontal-lg padding-bottom-lg margin-bottom-xl">
<view class="flex-1 cr-base text-size" @tap="open_language_event"> <!-- <view class="flex-1 cr-base text-size" @tap="open_language_event">
<view class="pr top-sm margin-right-sm dis-inline-block"> <view class="pr top-sm margin-right-sm dis-inline-block">
<iconfont name="icon-login-language" size="32rpx"></iconfont> <iconfont name="icon-login-language" size="32rpx"></iconfont>
</view> </view>
@@ -14,6 +14,9 @@
<view class="margin-left-sm dis-inline-block"> <view class="margin-left-sm dis-inline-block">
<iconfont name="icon-login-down-arrow" size="16rpx"></iconfont> <iconfont name="icon-login-down-arrow" size="16rpx"></iconfont>
</view> </view>
</view> -->
<view style="height: 100upx;">
</view> </view>
</view> </view>
@@ -124,13 +127,14 @@
<view class="flex-col jc-sb"> <view class="flex-col jc-sb">
<view> <view>
<!-- 登录方式选择 --> <!-- 登录方式选择 -->
<view v-if="(home_user_login_type || null) != null && home_user_login_type.length > 0" class="opt-type-list margin-vertical-xxxl"> <!-- <view v-if="(home_user_login_type || null) != null && home_user_login_type.length > 0" class="opt-type-list margin-vertical-xxxl">
<text v-if="home_user_login_type.indexOf('username') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_username' ? 'cr-main nav-active-line' : ''" data-value="login_username" @tap="opt_type_event">{{ $t('login.login.n2pv70') }}</text> <text v-if="home_user_login_type.indexOf('username') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_username' ? 'cr-main nav-active-line' : ''" data-value="login_username" @tap="opt_type_event">{{ $t('login.login.n2pv70') }}</text>
<text v-if="home_user_login_type.indexOf('sms') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_sms' ? 'cr-main nav-active-line' : ''" data-value="login_sms" @tap="opt_type_event">{{ $t('login.login.1p7843') }}</text> <text v-if="home_user_login_type.indexOf('sms') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_sms' ? 'cr-main nav-active-line' : ''" data-value="login_sms" @tap="opt_type_event">{{ $t('login.login.1p7843') }}</text>
<text v-if="home_user_login_type.indexOf('email') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_email' ? 'cr-main nav-active-line' : ''" data-value="login_email" @tap="opt_type_event">{{ $t('login.login.p54kf1') }}</text> <text v-if="home_user_login_type.indexOf('email') != -1" class="padding-vertical-sm" :class="current_opt_type === 'login_email' ? 'cr-main nav-active-line' : ''" data-value="login_email" @tap="opt_type_event">{{ $t('login.login.p54kf1') }}</text>
</view> </view>
<view v-else class="tc cr-grey padding-vertical-main">{{ $t('login.login.3i05ly') }}</view> <view v-else class="tc cr-grey padding-vertical-main">{{ $t('login.login.3i05ly') }}</view> -->
<!-- 账号密码 --> <!-- 账号密码 -->
<view style="height: 50upx"></view>
<block v-if="current_opt_type == 'login_username'"> <block v-if="current_opt_type == 'login_username'">
<input type="text" :placeholder="$t('login.login.qe8a37')" maxlength="60" name="accounts" key="login_username_1" class="form-item margin-vertical-xl wh-auto" /> <input type="text" :placeholder="$t('login.login.qe8a37')" maxlength="60" name="accounts" key="login_username_1" class="form-item margin-vertical-xl wh-auto" />
<input type="text" :placeholder="$t('login.login.08fchn')" minlength="6" maxlength="18" name="pwd" password="true" key="login_username_2" class="form-item margin-vertical-xl wh-auto" /> <input type="text" :placeholder="$t('login.login.08fchn')" minlength="6" maxlength="18" name="pwd" password="true" key="login_username_2" class="form-item margin-vertical-xl wh-auto" />
@@ -192,11 +196,11 @@
<view> <view>
<!-- 注册方式选择 --> <!-- 注册方式选择 -->
<view v-if="(home_user_reg_type || null) != null && home_user_reg_type.length > 0" class="opt-type-list margin-vertical-xxxl"> <view v-if="(home_user_reg_type || null) != null && home_user_reg_type.length > 0" class="opt-type-list margin-vertical-xxxl">
<text v-if="home_user_reg_type.indexOf('username') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_username' ? 'cr-main nav-active-line' : ''" data-value="reg_username" @tap="opt_type_event">{{ $t('login.login.n2pv70') }}</text> <!-- <text v-if="home_user_reg_type.indexOf('username') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_username' ? 'cr-main nav-active-line' : ''" data-value="reg_username" @tap="opt_type_event">{{ $t('login.login.n2pv70') }}</text>
<text v-if="home_user_reg_type.indexOf('sms') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_sms' ? 'cr-main nav-active-line' : ''" data-value="reg_sms" @tap="opt_type_event">{{ $t('login.login.1p7843') }}</text> <text v-if="home_user_reg_type.indexOf('sms') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_sms' ? 'cr-main nav-active-line' : ''" data-value="reg_sms" @tap="opt_type_event">{{ $t('login.login.1p7843') }}</text>
<text v-if="home_user_reg_type.indexOf('email') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_email' ? 'cr-main nav-active-line' : ''" data-value="reg_email" @tap="opt_type_event">{{ $t('login.login.p54kf1') }}</text> <text v-if="home_user_reg_type.indexOf('email') != -1" class="padding-vertical-sm" :class="current_opt_type === 'reg_email' ? 'cr-main nav-active-line' : ''" data-value="reg_email" @tap="opt_type_event">{{ $t('login.login.p54kf1') }}</text> -->
</view> </view>
<view v-else class="tc cr-grey padding-vertical-main">{{ $t('login.login.t59dho') }}</view> <!-- <view v-else class="tc cr-grey padding-vertical-main">{{ $t('login.login.t59dho') }}</view> -->
<!-- 账号密码 --> <!-- 账号密码 -->
<block v-if="current_opt_type == 'reg_username'"> <block v-if="current_opt_type == 'reg_username'">
<input type="text" :placeholder="$t('login.login.6yfr9g')" maxlength="60" name="accounts" key="reg_username_1" class="form-item margin-vertical-xl wh-auto" /> <input type="text" :placeholder="$t('login.login.6yfr9g')" maxlength="60" name="accounts" key="reg_username_1" class="form-item margin-vertical-xl wh-auto" />
@@ -304,13 +308,13 @@
<button class="bg-yellow br-yellow cr-white round" type="default" size="mini" hover-class="none">{{ $t('common.cancel') }}</button> <button class="bg-yellow br-yellow cr-white round" type="default" size="mini" hover-class="none">{{ $t('common.cancel') }}</button>
</navigator> </navigator>
<!-- #ifdef MP-WEIXIN || MP-TOUTIAO --> <!-- #ifdef MP-WEIXIN || MP-TOUTIAO -->
<button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" @tap="get_user_info_event">{{ $t('buy.buy.33fugm') }}{{client_text}}{{ $t('login.login.tvl242') }}</button> <button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" @tap="get_user_info_event">{{ $t('buy.buy.33fugm') }}{{ client_text }}{{ $t('login.login.tvl242') }}</button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-QQ || MP-BAIDU || MP-KUAISHOU --> <!-- #ifdef MP-QQ || MP-BAIDU || MP-KUAISHOU -->
<button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" open-type="getUserInfo" @getuserinfo="get_user_info_event">{{ $t('buy.buy.33fugm') }}{{client_text}}{{ $t('login.login.tvl242') }}</button> <button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" open-type="getUserInfo" @getuserinfo="get_user_info_event">{{ $t('buy.buy.33fugm') }}{{ client_text }}{{ $t('login.login.tvl242') }}</button>
<!-- #endif --> <!-- #endif -->
<!-- #ifdef MP-ALIPAY --> <!-- #ifdef MP-ALIPAY -->
<button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" open-type="getAuthorize" @getAuthorize="get_user_info_event" scope="userInfo">{{ $t('buy.buy.33fugm') }}{{client_text}}{{ $t('login.login.tvl242') }}</button> <button class="margin-left-lg bg-green br-green cr-white round" type="default" size="mini" open-type="getAuthorize" @getAuthorize="get_user_info_event" scope="userInfo">{{ $t('buy.buy.33fugm') }}{{ client_text }}{{ $t('login.login.tvl242') }}</button>
<!-- #endif --> <!-- #endif -->
</view> </view>
</view> </view>
@@ -581,7 +585,7 @@
bind_platform: this.$t('login.login.876tdf'), bind_platform: this.$t('login.login.876tdf'),
}, },
verify_submit_text: this.$t('login.login.s665h5'), verify_submit_text: this.$t('login.login.s665h5'),
client_text: this.$t('client.'+this.client_value), client_text: this.$t('client.' + this.client_value),
}); });
}, },
@@ -617,7 +621,7 @@
if (type == 'bind' && app.globalData.user_is_bind_mobile(user)) { if (type == 'bind' && app.globalData.user_is_bind_mobile(user)) {
type = 'bind'; type = 'bind';
// 是否打开了一键获取手机、则直接展示验证码输入表单 // 是否打开了一键获取手机、则直接展示验证码输入表单
if(this.common_user_onekey_bind_mobile_list.length > 0 && this.common_user_onekey_bind_mobile_list.indexOf(this.client_value) != -1) { if (this.common_user_onekey_bind_mobile_list.length > 0 && this.common_user_onekey_bind_mobile_list.indexOf(this.client_value) != -1) {
form = 'bind'; form = 'bind';
} else { } else {
form = 'bind_verify'; form = 'bind_verify';
@@ -647,15 +651,15 @@
current_opt_form: form, current_opt_form: form,
is_exist_base_data: is_base, is_exist_base_data: is_base,
is_refreshed_base_data: 1, is_refreshed_base_data: 1,
navigation_bar_title_key: type navigation_bar_title_key: type,
}); });
this.set_navigation_bar_title(); this.set_navigation_bar_title();
// 调用登录处理 // 调用登录处理
if(parseInt(this.plugins_thirdpartylogin_is_call_app || 0) == 0 && type == 'bind_platform' && form == 'bind_platform' && (this.params.platform_type || null) != null) { if (parseInt(this.plugins_thirdpartylogin_is_call_app || 0) == 0 && type == 'bind_platform' && form == 'bind_platform' && (this.params.platform_type || null) != null) {
this.setData({ this.setData({
plugins_thirdpartylogin_is_call_app: 1 plugins_thirdpartylogin_is_call_app: 1,
}) });
this.plugins_thirdpartylogin_handle(this.params.platform_type); this.plugins_thirdpartylogin_handle(this.params.platform_type);
return false; return false;
} }
@@ -726,7 +730,7 @@
}, },
fail: (res) => { fail: (res) => {
app.globalData.user_login_handle(this, 'user_auth_back_event'); app.globalData.user_login_handle(this, 'user_auth_back_event');
} },
}); });
// #endif // #endif
// #ifdef MP-QQ // #ifdef MP-QQ
@@ -1361,7 +1365,7 @@
// 成功后处理 // 成功后处理
success_back_handle(res) { success_back_handle(res) {
var self = this; var self = this;
var msg = (this.plugins_thirdpartylogin_is_call_app == 1) ? this.$t('login.login.87yui2') : res.data.msg; var msg = this.plugins_thirdpartylogin_is_call_app == 1 ? this.$t('login.login.87yui2') : res.data.msg;
app.globalData.showToast(msg, 'success'); app.globalData.showToast(msg, 'success');
var event_callback = this.params.event_callback || null; var event_callback = this.params.event_callback || null;
setTimeout(function () { setTimeout(function () {
@@ -1550,8 +1554,8 @@
plugins_thirdpartylogin_handle(type) { plugins_thirdpartylogin_handle(type) {
// #ifdef H5 // #ifdef H5
// 直接跳转到登录地址、这里还可以根据终端类型进行处理业务逻辑 // 直接跳转到登录地址、这里还可以根据终端类型进行处理业务逻辑
for(var i in this.plugins_thirdpartylogin_data) { for (var i in this.plugins_thirdpartylogin_data) {
if(type == i) { if (type == i) {
window.location.href = this.plugins_thirdpartylogin_data[i]['login_url']; window.location.href = this.plugins_thirdpartylogin_data[i]['login_url'];
} }
} }
@@ -1581,7 +1585,7 @@
); );
}, },
fail: function (error) { fail: function (error) {
app.globalData.showToast(error.errMsg+'('+error.code+')'); app.globalData.showToast(error.errMsg + '(' + error.code + ')');
}, },
}); });
break; break;
@@ -1605,7 +1609,7 @@
); );
}, },
fail: function (error) { fail: function (error) {
app.globalData.showToast(error.errMsg+'('+error.code+')'); app.globalData.showToast(error.errMsg + '(' + error.code + ')');
}, },
}); });
break; break;