update 花店小程序

xuxueyang

2024-07-08 d8ad0c1805b0701afadd069c79950edde490d5c9

 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&&currentInfo.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&&currentInfo.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">
                  客服电话 : &nbsp;&nbsp; <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">

                  客服电话 : &nbsp;&nbsp; <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>