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

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>
</block>
</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 class="address arrow-right cp" @tap="address_event">
@@ -35,8 +35,8 @@
<view class="address-divider spacing-mb"></view>
</view> -->
<view class="address-wrap" v-if="buy_site_model_value != 3">
<view class="top-tips">收货地址</view>
<view class="address-wrap spacing-mb" v-if="buy_site_model_value != 3">
<!-- <view class="top-tips">收货地址</view> -->
<view class="address-info" @tap="address_event">
<view class="info-wrap" v-if="address != null">
<image class="icon" src="/static/icon_address.svg" mode="aspectFit"></image>
@@ -48,7 +48,8 @@
<text>{{ address.tel }}</text>
</view>
</view>
<view class="edit-btn"> 修改地址 </view>
<!-- <view class="edit-btn">修改地址</view> -->
<uni-icons type="right" color="#666"></uni-icons>
</view>
<view class="no-info" v-else>
<view class="left">
@@ -89,18 +90,22 @@
</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="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>
<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>
</view>
</view> -->
<!-- #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>
</view> -->
<!-- #endif -->
</view>
<!-- 商品 -->
@@ -184,8 +189,48 @@
</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">
<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>
</view>
</view>
@@ -224,26 +269,8 @@
</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-for="(item, index) in plugins_coin_data.accounts_list" :key="index">
@@ -278,6 +305,28 @@
</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>
@@ -290,15 +339,15 @@
</view>
<!-- 导航 -->
<view class="bottom-fixed" :style="bottom_fixed_style">
<view class="footer-bottom" :style="bottom_fixed_style">
<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="nav-base single-text padding-left-main fl">
<text>{{ $t('buy.buy.wx78ju') }}</text>
<text class="sales-price">{{ currency_symbol }}{{ total_price }}</text>
<view class="item oh flex-row jc-sb align-c br-top-shadow bg-white padding-vertical-sm">
<view class="price-wrap">
<text class="price">{{ currency_symbol }}{{ total_price }}</text>
<text class="t">明细：共{{ total_count }}件</text>
</view>
<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>
@@ -400,6 +449,7 @@
export default {
data() {
return {
application_title: app.globalData.get_application_title(),
theme_view: app.globalData.get_theme_value_view(),
theme_color: app.globalData.get_theme_color(),
common_static_url: common_static_url,
@@ -415,6 +465,7 @@
address: null,
address_id: null,
total_price: 0,
total_count: 0,
user_note_value: '',
user_note_status: false,
is_first: 1,
@@ -543,6 +594,18 @@
},
methods: {
payHandle() {
uni.showToast({
title: '暂未开放',
icon: 'none',
});
},
showCouponHandle() {
uni.showToast({
title: '暂无优惠券',
icon: 'none',
});
},
// 是否显示充值账户
getShowAccount() {
uni.request({
@@ -862,6 +925,7 @@
this.setData({
goods_list: goods_list,
total_price: data.base.actual_price,
total_count: data.base.goods_count,
data_list_loding_status: 3,
common_site_type: data.common_site_type || 0,
buy_site_model_value: data.base.site_model || 0,
@@ -1486,22 +1550,20 @@
}
$color: #ff723b;
.address-wrap {
background-color: $color;
padding: 0 2px 2px;
border-radius: 6px;
.top-tips {
color: #fff;
padding: 4px;
}
.address-info {
padding: 10px;
padding: 26upx;
background-color: #fff;
border-radius: 4px;
.info-wrap {
display: flex;
align-items: center;
.icon {
$size: 60upx;
$size: 70upx;
width: $size;
height: $size;
}
@@ -1516,7 +1578,6 @@
color: #000;
}
.base2 {
padding-top: 8px;
color: #999;
display: flex;
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>