| | |
| | | <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 + 8 )+'px'
|
| | | ,height:CustomBar+'rpx','line-height':CustomBar+'rpx' }">
|
| | | <!-- <picker @change="PickerChangeSchool" :value="areaIndex" :range="schools" range-key="name">
|
| | | <view class="picker flex">
|
| | |
| | | <view class="picker flex" @click.stop="goToAddress">
|
| | | <uni-icons type="location" class="m-r-5" size="18"></uni-icons>
|
| | | <view>
|
| | | {{ address&&address.id?address.address: '选择地址' }}
|
| | | </view>
|
| | | {{ current_address }} |
| | | </view> |
| | | <uni-icons class="icon" type="left" style="transform: rotate(-90deg);margin-left: 10rpx;" size="22"></uni-icons> |
| | | |
| | | </view> |
| | | <view class="m-l-a m-r-0" style="position: relative;" @click="goto('/sub_pages/supplier/customer_service/customer_service',false)"> |
| | | <view class="icon-kf-p"> |
| | | <!-- <view>客服</view> --> |
| | | <image src="@/static/common/icon-kf.png" class="icon-kf img100"></image> |
| | | </view> |
| | | </view>
|
| | | </view>
|
| | | <view class="search-container m-t-12 flex" @click="goto('/pages/home/components/home-search',false)">
|
| | |
| | |
|
| | | <uni-popup ref="coupon_home" type="center" border-radius="10px 10px 0 0">
|
| | | <view class="coupon-container" style="width: 690rpx;">
|
| | | <view class="coupont-item all">
|
| | | <view v-if="dto_home_coupon.imageUrl" class="coupont-item all" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
|
| | | <view @click="getCoupon(dto_home_coupon)"
|
| | | :style="{ |
| | | backgroundImage: `url(${dto_home_coupon.imageUrl})`, |
| | | backgroundSize: 'contain', |
| | | backgroundPosition: 'center', |
| | | backgroundRepeat: 'no-repeat' ,
|
| | | width: '600px', // 设置宽度
|
| | | height: '600px' // 设置高度
|
| | | }">
|
| | | </view>
|
| | | </view>
|
| | | |
| | | <view class="coupont-item all" v-else>
|
| | | <view class="flex container img100">
|
| | | |
| | | <view class="info-price">
|
| | | <view class="price1">
|
| | | {{dto_home_coupon.maxDiscountAmount?(`${dto_home_coupon.maxDiscountAmount}折`):(`¥${dto_home_coupon.couponDiscountValue}`)}}
|
| | |
| | | </view>
|
| | |
|
| | | <view class="tip">
|
| | | <span class="t-red">*</span>此券每人限领1张。仅限用于花满芜鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用
|
| | | <span class="t-red">*</span>{{dto_home_coupon.couponDescription || '此券每人限领1张。仅限用于花满芫鲜花交易平台鲜切花花款满额使用,不可与其他优惠同享、不可叠加使用'}}
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | |
| | | ...mapState({
|
| | | address: state => {
|
| | | return state.defaultaddress || {}
|
| | | }, |
| | | addressDesc: state=>{ |
| | | return state.addressDesc || '' |
| | | },
|
| | | currentInfo: state => {
|
| | | return state.currentInfo || {}
|
| | | },
|
| | | }),
|
| | | }, |
| | | |
| | | }), |
| | | current_address(){ |
| | | var desc = this.addressDesc || (this.address&&this.address.id?this.address.address: '选择地址') |
| | | if(desc.length>=15){ |
| | | return desc.substring(0,15) + '...' |
| | | } |
| | | return desc |
| | | }
|
| | | },
|
| | | components: {
|
| | | homeCategory,
|
| | |
| | | },
|
| | | methods: {
|
| | | async getCoupon(item) {
|
| | | if (!this.currentInfo.id) {
|
| | | await this.$message.confirm('请先前往登录')
|
| | | this.$storage.removeItem('cache_home_show_coupon')
|
| | | return
|
| | | }
|
| | | this.$message.showLoading()
|
| | | const {
|
| | | code,
|
| | |
| | | }
|
| | | })
|
| | |
|
| | |
|
| | | let tmp = this
|
| | | var value = this.$storage.getItem('cache_home_show_coupon')
|
| | | if (!value || true) {
|
| | | //首页优惠券
|
| | | this.$storage.setItem('cache_home_show_coupon', '1')
|
| | | this.$http.request('get', '/api/v2/coupon/home/alert').then(res => {
|
| | | if (res.code == 0) {
|
| | | var list = res.data || []
|
| | | var dto = list.length >= 1 ? list[0] : undefined
|
| | | if (dto) {
|
| | | // 显示弹窗图片
|
| | | this.dto_home_coupon = dto
|
| | | tmp.$refs.coupon_home.open()
|
| | | }
|
| | | //延迟2秒
|
| | | setTimeout(() => {
|
| | | if (tmp.currentInfo.id) {
|
| | | var value = tmp.$storage.getItem('cache_home_show_coupon')
|
| | | if (!value) {
|
| | | //首页优惠券
|
| | | tmp.$storage.setItem('cache_home_show_coupon', '1')
|
| | | var u = '/api/v2/coupon/app/home/alert'
|
| | | // u = '/api/v2/coupon/app/home/list'
|
| | | tmp.$http.request('get', u).then(res => {
|
| | | if (res.code == 0) {
|
| | | // var list = res.data || {}
|
| | | // var dto = list.length >= 1 ? list[0] : undefined
|
| | | var dto = res.data || undefined
|
| | | if (dto) {
|
| | | // 显示弹窗图片
|
| | | tmp.dto_home_coupon = dto
|
| | | tmp.$refs.coupon_home.open()
|
| | | }
|
| | | }
|
| | | })
|
| | | }
|
| | | })
|
| | | }
|
| | | }
|
| | | }, 1200)
|
| | |
|
| | | },
|
| | |
|
| | | clickBanner(item) {
|
| | |
| | | return
|
| | | }
|
| | | uni.navigateTo({
|
| | | url: '/pages/user/address/address?source=select'
|
| | | url: '/pages/user/address/address?source=home'
|
| | | })
|
| | | },
|
| | | buttonSearchFlow() {
|
| | |
| | |
|
| | | /* #ifdef PUB_CUSTOMER */
|
| | | @import "@/sub_pages/customer/coupon/coupon.scss";
|
| | | /* #endif */
|
| | | /* #endif */ |
| | | .icon-kf-p{ |
| | | // margin-top: 12rpx; |
| | | position: absolute; |
| | | right: 0rpx; |
| | | bottom: 16rpx; |
| | | text-align: center; |
| | | // font-size: 12rpx; |
| | | color: #fff; |
| | | // min-width: 120rpx; |
| | | display: flex; |
| | | // width: fit-content; |
| | | height: 44rpx; |
| | | line-height: 44rpx; |
| | | // height: 64rpx; |
| | | .icon-kf{ |
| | | width: 44rpx; |
| | | height: 44rpx; |
| | | // margin-left: 20rpx; |
| | | } |
| | | }
|
| | | </style> |