From d8ad0c1805b0701afadd069c79950edde490d5c9 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期一, 08 七月 2024 17:17:16 +0800 Subject: [PATCH] update 花店小程序 --- pages/user/supplier-user.vue | 346 +++++++++++++++++++++++++++++++++++--------------------- 1 files changed, 215 insertions(+), 131 deletions(-) diff --git a/pages/user/supplier-user.vue b/pages/user/supplier-user.vue index c5ced80..ec5c144 100644 --- a/pages/user/supplier-user.vue +++ b/pages/user/supplier-user.vue @@ -1,137 +1,221 @@ -<template> - <view class="main-container user-container"> - <!-- <view> - 我的 - </view> --> - <!-- 背景图 --> - <view class="top-bg img100 relative" :style="{'padding-top':(StatusBar)+'px','line-height':CustomBar+'rpx' }"> - <image class="component-bg" - src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/21/21c95c14e9504be69edff7785e3b44a9bg.png" - mode="scaleToFill" /> - - <view class="title" style="position: relative;"> - 我的 - - </view> - <view class="flex user-info" v-if="currentInfo&&(currentInfo.id)"> - <!-- 头像 --> - <image class="user-icon" v-if="!currentInfo.picture" src="../../static/imgs/home/home-shop-top-icon.png" - mode="aspectFit"></image> - <image class="user-icon" v-if="currentInfo.picture" :src="currentInfo.picture" mode="aspectFit"></image> - - <view class="name"> - <view class="t1"> - {{ (!!currentInfo.supplierDTO?(currentInfo.supplierDTO.name):"") || currentInfo.nickName || currentInfo.loginName || '-'}}<span - v-if="currentInfo.supplierDTO&¤tInfo.supplierDTO.status!=='P'"> - ({{currentInfo.supplierDTO?currentInfo.supplierDTO.statusStr:''}})</span> +<template> + <view class="main-container user-container"> + <!-- <view> + 我的 + </view> --> + <!-- 背景图 --> + <view class="top-bg img100 relative" :style="{'padding-top':(StatusBar)+'px','line-height':CustomBar+'rpx' }"> + <image class="component-bg" + src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/21/21c95c14e9504be69edff7785e3b44a9bg.png" + mode="scaleToFill" /> + + <view class="title" style="position: relative;"> + 我的 + + </view> + <view class="flex user-info" v-if="currentInfo&&(currentInfo.id)"> + <!-- 头像 --> + <image class="user-icon" v-if="!currentInfo.picture" src="../../static/imgs/home/home-shop-top-icon.png" + mode="aspectFit"></image> + <image class="user-icon" v-if="currentInfo.picture" :src="currentInfo.picture" mode="aspectFit"></image> + + <view class="name"> + <view class="t1"> + {{ (!!currentInfo.supplierDTO?(currentInfo.supplierDTO.name):"") || currentInfo.nickName || currentInfo.loginName || '-'}}<span + v-if="currentInfo.supplierDTO&¤tInfo.supplierDTO.status!=='P'"> + ({{currentInfo.supplierDTO?currentInfo.supplierDTO.statusStr:''}})</span> + </view> + <view class="t2">{{currentInfo.tel || '暂无电话'}}</view> + </view> + <image class="icon-setting" src="../../static/common/icon-setting.png" mode="aspectFit"></image> + </view> + + </view> + <!-- #ifdef PUB_CUSTOMER --> + <view class="user-utils m-20" v-if="selftype==='customer'"> + <view class="user-util m-t-12 user-customer-order-infos"> + <view class="title flex"> + <view>我的订单</view> + <view class="m-r-a m-r-0 more">全部订单<uni-icons type="right"></uni-icons></view> + </view> + <view class="flex order-icons-container"> + <view class="order-icons"> + <image src="../../static/images/customer/order/order-type-1.png" class="order-icon dfk"></image> + <view>待付款</view> + </view> + <view class="order-icons"> + <image src="../../static/images/customer/order/order-type-2.png" class="order-icon dfh"></image> + <view>待发货</view> + </view> + <view class="order-icons"> + <image src="../../static/images/customer/order/order-type-3.png" class="order-icon dsh"></image> + <view>待收货</view> + </view> + <view class="order-icons"> + <image src="../../static/images/customer/order/order-type-4.png" class="order-icon dpj"></image> + <view>待评价</view> + </view> + <view class="order-icons"> + <image src="../../static/images/customer/order/order-type-5.png" class="order-icon sh"></image> + <view>售后</view> + </view> + </view> + </view> + </view> + <view class="user-utils m-20" v-if="selftype==='customer'"> + <view class="user-util m-t-12 user-customer-service-infos"> + <view class="title flex"> + <view>我的服务</view> + </view> + <view class="flex service-icons-container"> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-1.png" class="service-icon "> + </image> + <view>关注店铺</view> + </view> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-2.png" class="service-icon "> + </image> + <view>我的收藏</view> </view> - <view class="t2">{{currentInfo.tel || '暂无电话'}}</view> - </view> - <image class="icon-setting" src="../../static/common/icon-setting.png" mode="aspectFit"></image> - </view> - - </view> - <view class="user-utils m-20"> - <view class="user-util m-t-12 flex" @click="goto('/pages/user/user-info/user-info',true)"> - <view class="title">个人信息</view> - <view class="right-icon"> - <uni-icons type="right"></uni-icons> - </view> - </view> - <view class="user-util m-t-12 flex" v-if="selftype==='supplier'" - @click="goto('/sub_pages/supplier/supplier-info/supplier-info',true)"> - <view class="title">店铺信息</view> - <view class="right-icon"> - <uni-icons type="right"></uni-icons> - </view> - </view> - <view class="user-util m-t-12 flex" @click="goto('/pages/user/user-pwd/user-pwd',true)"> - <view class="title">修改密码</view> - <view class="right-icon"> - <uni-icons type="right"></uni-icons> - </view> - </view> - <view class="user-util m-t-12 " @click="callTel" v-if="selftype==='supplier'"> - <view class="title">我的客服</view> - <view class="flex"> - <image class="icon-clock m-r-6 m-t-2" src="../../static/common/icon-call.png"></image> - <view class="name"> - 客服电话 : <span class="topic-gray">{{tel}}</span> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-3.png" class="service-icon "> + </image> + <view>地址管理</view> </view> - </view> - </view> - <!-- <view class="user-util m-t-12 " @click="callTel" v-if="selftype==='partner'"> - <view class="name"> - 账号: <span class="topic-gray">{{tel}}</span> - </view> - <view class="name"> - 密码: <span class="topic-gray">{{tel}}</span> - </view> - </view> --> - </view> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-4.png" class="service-icon "> + </image> + <view>售后规则</view> + </view> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-5.png" class="t2 service-icon "> + </image> + <view>新手帮助</view> + </view> + <view class="service-icons"> + <image src="../../static/images/customer/service/service-icon-6.png" class="t2 service-icon "> + </image> + <view>运费详查</view> + </view> + </view> + </view> + </view> + <!-- #endif --> + <view class="user-utils m-20"> + <view class="user-util m-t-12 flex" @click="goto('/pages/user/user-info/user-info',true)"> + <view class="title">个人信息</view> + <view class="right-icon"> + <uni-icons type="right"></uni-icons> + </view> + </view> + <view class="user-util m-t-12 flex" v-if="selftype==='supplier'" + @click="goto('/sub_pages/supplier/supplier-info/supplier-info',true)"> + <view class="title">店铺信息</view> + <view class="right-icon"> + <uni-icons type="right"></uni-icons> + </view> + </view> + <view class="user-util m-t-12 flex" @click="goto('/pages/user/user-pwd/user-pwd',true)"> + <view class="title">修改密码</view> + <view class="right-icon"> + <uni-icons type="right"></uni-icons> + </view> + </view> + <view class="user-util m-t-12 " @click="callTel" v-if="selftype==='supplier'||selftype==='customer'"> + <view class="title">我的客服</view> + <view class="flex"> + <image class="icon-clock m-r-6 m-t-2" src="../../static/common/icon-call.png"></image> + <view class="name"> + 客服电话 : <span class="topic-gray">{{tel}}</span> + </view> + </view> + </view> + <!-- <view class="user-util m-t-12 " @click="callTel" v-if="selftype==='partner'"> + <view class="name"> + 账号: <span class="topic-gray">{{tel}}</span> + </view> + <view class="name"> + 密码: <span class="topic-gray">{{tel}}</span> + </view> + </view> --> + </view> + + - - <view class="button-login-out topic-gray" @click="clearlogout"> - 退出登录 - </view> - + <!-- #ifdef PUB_CUSTOMER --> <view style="padding-bottom:200rpx"> </view> - <supplier-footer flg="1"></supplier-footer> - - - </view> -</template> - -<script> - export default { - data() { - return { - CustomBar: uni.getStorageSync('CustomBar'), - StatusBar: uni.getStorageSync('StatusBar'), - tcode: '', - inviterName: '', - // StatusBar:0, - tel: '1386785374' - }; - }, - - onLoad(options) { - const url = options.q ? decodeURIComponent(options.q) : ''; - const urlcode = options.url && decodeURIComponent(options.url) || '' - }, - created() { - - }, - async onPullDownRefresh() { - await this.$store.dispatch('getCurrentInfo') - uni.stopPullDownRefresh() - }, - methods: { - - async clearlogout() { - await this.$message.confirm('是否退出登录?') - this.$store.commit('updateLogin', false) - - uni.reLaunch({ - url: '/pages/login/supplier-login' - }) - }, - async callTel() { - await this.$message.confirm('是否拨打客服电话') - uni.makePhoneCall({ - phoneNumber: this.tel //仅为示例 - }); - } - - - } - } -</script> - -<style lang="scss" scoped> - @import "./user.scss"; -</style> - -<style lang="scss" scoped> + <common-footer flg="4"></common-footer> + <!-- #endif --> + <!-- #ifndef PUB_CUSTOMER --> + <view class="button-login-out topic-gray" @click="clearlogout"> + 退出登录 + </view> + + <view style="padding-bottom:200rpx"> + </view> + <common-footer flg="1"></common-footer> + <!-- #endif --> + + + + </view> +</template> + +<script> + export default { + data() { + return { + CustomBar: uni.getStorageSync('CustomBar'), + StatusBar: uni.getStorageSync('StatusBar'), + tcode: '', + inviterName: '', + // StatusBar:0, + tel: '1386785374' + }; + }, + + onLoad(options) { + const url = options.q ? decodeURIComponent(options.q) : ''; + const urlcode = options.url && decodeURIComponent(options.url) || '' + }, + created() { + + }, + async onPullDownRefresh() { + await this.$store.dispatch('getCurrentInfo') + uni.stopPullDownRefresh() + }, + methods: { + + async clearlogout() { + await this.$message.confirm('是否退出登录?') + this.$store.commit('updateLogin', false) + + uni.reLaunch({ + url: '/pages/login/supplier-login' + }) + }, + async callTel() { + await this.$message.confirm('是否拨打客服电话') + uni.makePhoneCall({ + phoneNumber: this.tel //仅为示例 + }); + } + + + } + } +</script> + +<style lang="scss" scoped> + @import "./user.scss"; +</style> +<!-- #ifdef PUB_CUSTOMER --> +<style lang="scss" scoped> + @import "./user-customer.scss"; +</style> +<!-- #endif --> +<style lang="scss" scoped> </style> \ No newline at end of file -- Gitblit v1.9.3