xuxueyang
2024-10-22 79b196363a2a7fe0cc0b8d7aa176d9d930b408a1
update 首页、我的、商品列表和详情的客服样式功能变更
已修改6个文件
132 ■■■■ 文件已修改
pages/home/home.vue 15 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/user/supplier-user.vue 32 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/user/user-customer.scss 26 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
sub_pages/customer/trade/detail.vue 45 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
sub_pages/customer/trade/list.vue 12 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
sub_pages/supplier/customer_service/customer_service.vue 2 ●●● 补丁 | 查看 | 原始文档 | blame | 历史
pages/home/home.vue
@@ -2,7 +2,7 @@
    <view class="main-container user-home">
        <view class="bg-top-green"></view>
        <!-- 顶部,可能 -->
        <view class="school" :style="{'padding-top':(StatusBar)+'px'
        <view class="school flex" :style="{'padding-top':(StatusBar + 14)+'px'
        ,height:CustomBar+'rpx','line-height':CustomBar+'rpx' }">
            <!--   <picker @change="PickerChangeSchool" :value="areaIndex" :range="schools" range-key="name">
        <view class="picker flex">
@@ -17,6 +17,9 @@
                <view>
                    {{ addressDesc || (address&&address.id?address.address: '选择地址')  }}
                </view>
            </view>
            <view class="m-l-a m-r-0" style="position: relative;" @click="goto('/sub_pages/supplier/customer_service/customer_service',false)">
                <image src="@/static/common/icon-kf.png" class="icon-kf img100"></image>
            </view>
        </view>
        <view class="search-container m-t-12 flex" @click="goto('/pages/home/components/home-search',false)">
@@ -516,5 +519,13 @@
    /* #ifdef PUB_CUSTOMER */
    @import "@/sub_pages/customer/coupon/coupon.scss";
    /* #endif */
    /* #endif */
    .icon-kf{
        width: 44rpx;
        height: 44rpx;
        // margin-top: 12rpx;
        position: absolute;
        right: 0rpx;
        bottom: 22rpx;
    }
</style>
pages/user/supplier-user.vue
@@ -187,6 +187,34 @@
                </view>
            </view>
        </view>
        <view class="user-utils kf-container  m-20 flex" v-if="selftype==='customer'||!selftype"
        @click="goto('/sub_pages/supplier/customer_service/customer_service',false)">
            <view class="">
                <image src="/static/common/icon-kf.png" class="icon-kf m-r-15 img100 icon"></image>
            </view>
            <view class="flex1" >
                <view class="icon-view" style="font-weight: 600;">
                    我的客服
                </view>
                <view class="flex m-t-12">
                    <view class="flex1 w-fit m-auto icon-view" @click.stop="callTel">
                        <image src="/static/common/icon-call.png" class="icon icon-call m-r-10  img100"></image>
                        {{tel}}
                    </view>
                    <view class="flex1 w-fit m-auto icon-view flex flex-wrap-normal" open-type="contact">
                        <image src="/static/common/icon-wx.png" class="icon icon-call m-t-2  m-r-10 img100"></image>
                        <button open-type="contact" class="component-button-contact" @handleContact="handleContact">
                            在线客服
                        </button>
                    </view>
                </view>
            </view>
        </view>
        <view class="user-utils m-20" v-if="selftype==='customer'||!selftype">
            <view class="user-util m-t-12 user-customer-service-infos">
                <view class="title flex">
@@ -371,14 +399,14 @@
                </view>
            </view>
            <view class="user-util m-t-12 flex"
            <!-- <view class="user-util m-t-12 flex"
            v-if="selftype==='supplier'||selftype==='customer' || !selftype"
             @click="goto('/sub_pages/supplier/customer_service/customer_service',false)">
                <view class="title">我的客服</view>
                <view class="right-icon">
                    <uni-icons type="right"></uni-icons>
                </view>
            </view>
            </view> -->
pages/user/user-customer.scss
@@ -193,3 +193,29 @@
        background-color:  #BBCCC2;
    }
}
.kf-container{
    padding: 28rpx;
    .icon-kf {
        width: 44rpx;
        height: 44rpx;
        width: 90rpx;
        height: 90rpx;
        margin-top: 12rpx;
    }
    .icon-call {
        width: 32rpx;
        height: 32rpx;
    }
    .icon-view {
        line-height: 40rpx;
        .icon {
            display: inline-block;
            vertical-align: middle;
        }
    }
}
sub_pages/customer/trade/detail.vue
@@ -71,10 +71,20 @@
                }}
                </view>
            </view>
            <view class="desc m-t-12">
                <view class="m-r-15">已售:{{ ((dto.sales||0) +(dto.realSales||0)) || 0 }}</view>
                <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
                <view class=" ">{{ dto.unit || '-' }}</view>
            <view class="desc m-t-12 flex">
                <view class="flex1">
                    <view class="m-r-15">已售:{{ ((dto.sales||0) +(dto.realSales||0)) || 0 }}</view>
                    <view class="m-r-15">剩余:{{ dto.stock || 0 }}</view>
                    <view class=" ">{{ dto.unit || '-' }}</view>
                </view>
                <view class="m-l-a m-r-15">
                    <button open-type="contact" class="component-button-contact">
                        <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
                    </button>
                </view>
            </view>
            <view class="flex m-t-12">
                <view>
@@ -93,16 +103,12 @@
                <view class="m-l-a m-r-15">
                    <button open-type="contact" class="component-button-contact">
                        <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
                    </button>
                <view class="m-l-a">
                    <view class="m-r-0 gwc" @click="submitShopping(dto)" v-if="!dto.shopnum">
                        + 购物车
                    </view>
                </view>
                <view class="m-r-0 gwc" @click="submitShopping(dto)" v-if="!dto.shopnum">
                    + 购物车
                </view>
                <view class="m-r-0 button-icons flex" v-if="dto.shopnum">
                    <uni-icons v-if="dto.shopnum&&dto.shopnum>=1" type="minus" size="32"
                        @click.stop="addnum(dto,-1)"></uni-icons>
@@ -254,7 +260,8 @@
                // setTimeout(() => {
                //并且当前用户没有绑定
                if (tmp.currentInfo.id && tmp.currentInfo.customerDTO.partnerId) {
                    //如果已经绑定了,显示自己的合伙人价格
                    tmp.sharePartnerUserId = tmp.currentInfo.customerDTO.partnerId
                } else {
                    if (tmp.currentInfo.id) {
                        await tmp.bindPartnerUser(options.partnerUserId, '')
@@ -296,8 +303,8 @@
            var url =
                `/sub_pages/customer/trade/detail?partnerUserId=${partnerUserId}&id=${this.id}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
            return {
                //
                title: this.dto.id ? (this.dto.name + " " + (this.dto.price || '-') + '元/扎 ' + (this.dto.unit || '')) :
                // + (this.dto.price || '-') + '元/扎 '
                title: this.dto.id ? (this.dto.name + " "  + (this.dto.unit || '')) :
                    "花满芫",
                path: url,
            }
@@ -315,8 +322,8 @@
            var url =
                `/sub_pages/customer/trade/detail?partnerUserId=${partnerUserId}&id=${this.id}&shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
            return {
                //
                title: this.dto.id ? (this.dto.name + " " + (this.dto.price || '-') + '元/扎 ' + (this.dto.unit || '')) :
                // + (this.dto.price || '-') + '元/扎 '
                title: this.dto.id ? (this.dto.name + " "  + (this.dto.unit || '')) :
                    "花满芫",
                path: url,
            }
@@ -679,6 +686,8 @@
            .icon-kf {
                width: 44rpx;
                height: 44rpx;
                width: 90rpx;
                height: 90rpx;
            }
            .gwc {
sub_pages/customer/trade/list.vue
@@ -4,10 +4,9 @@
        <view class="category-detail flex" v-if="query.category">
            <view class="flex1 info">
                <view class="title flex">
                    <button open-type="contact" class="component-button-contact">
                    <view class="component-button-contact">
                        {{categoryInfo.name||'-'}}
                        <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-15 img100"></image>
                    </button>
                    </view>
                </view>
                <view class="desc">
                    规格:{{categoryInfo.unit || '暂无'}}
@@ -18,6 +17,11 @@
                <!--     <view class="desc">
                    包袋:棉袋
                </view> -->
            </view>
            <view class="info">
                <button open-type="contact" class="component-button-contact">
                    <image src="../../../static/common/icon-kf.png" class="icon-kf m-l-5 m-r-15 img100"></image>
                </button>
            </view>
            <view class="info-price">
                <view class="title">当日均价</view>
@@ -572,6 +576,8 @@
                .icon-kf {
                    width: 44rpx;
                    height: 44rpx;
                    width: 90rpx;
                    height: 90rpx;
                }
                .desc {
sub_pages/supplier/customer_service/customer_service.vue
@@ -1,5 +1,5 @@
<template>
    <view class="main-container user-container">
    <view class="main-container user-container bg-white">
        
        <view class="user-utils m-20">