陶杰
2024-09-23 d23c25ffba52e073fbf120c45b511fc8ab683b0f
pages/user/supplier-user.vue
@@ -1,346 +1,504 @@
<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>
         <!-- v-if="currentInfo&&(currentInfo.id)" -->
         <view class="flex user-info">
            <!-- 头像 -->
            <image class="user-icon" v-if="
               currentInfo.customerDTO&&currentInfo.customerDTO.cover
               ||currentInfo.supplierDTO&&currentInfo.supplierDTO.cover
               || currentInfo.picture
               " :src="
               currentInfo.customerDTO&&currentInfo.customerDTO.cover
               ||currentInfo.supplierDTO&&currentInfo.supplierDTO.cover
               || currentInfo.picture
               " mode="scaleToFill"></image>
            <image class="user-icon" v-else
               src='https://youzhen123.oss-cn-huhehaote.aliyuncs.com/WechatOwnerProperty/images/mrtx.png'
               mode="scaleToFill"></image>
            <view class="name" v-if="currentInfo.id">
               <view class="t1">
                  {{
              (!!currentInfo.partnerDTO ? (currentInfo.partnerDTO.name) : "") ||  (!!currentInfo.supplierDTO ? (currentInfo.supplierDTO.name) : "") || (!!currentInfo.customerDTO ? (currentInfo.customerDTO.name) : "") || currentInfo.nickName || currentInfo.loginName || '-'
            }}
                  <span v-if="currentInfo.supplierDTO&&currentInfo.supplierDTO.status!=='P'">
                     ({{ currentInfo.supplierDTO ? currentInfo.supplierDTO.statusStr : '' }})</span>
                  <span v-if="currentInfo.partnerDTO&&currentInfo.partnerDTO.status!=='P'">
                     ({{ currentInfo.partnerDTO ? currentInfo.partnerDTO.statusStr : '' }})</span>
               </view>
               <view class="t2">{{ currentInfo.tel || '暂无电话' }}</view>
            </view>
            <view class="name" v-if="!currentInfo.id" open-type="getUserInfo" @click.stop="toCustomerLogin"
               style="font-size: 48rpx;margin-top: 16rpx;">
               <!-- getUserProfile -->
               {{ '点击登陆/注册' }}
            </view>
            <image class="icon-setting" @click="toInfo" src="../../static/common/icon-setting.png" mode="aspectFit">
            </image>
         </view>
         <!-- #ifdef PUB_CUSTOMER -->
         <view class="customer-info-records">
            <view class="item" @click="goto('/sub_pages/customer/self/collect',true)">
               <view class="num">{{ tj.collectNum || 0 }}
               </view>
               <view class="name">我的收藏</view>
            </view>
            <view class="line"></view>
            <view class="item" @click="goto('/sub_pages/customer/self/follow',true)">
               <view class="num">{{ tj.followNum || 0 }}
               </view>
               <view class="name">关注店铺</view>
            </view>
            <view class="line"></view>
            <view class="item" @click="goto('/sub_pages/customer/self/history',true)">
               <view class="num">{{ tj.browseNum || 0 }}</view>
               <view class="name">浏览记录</view>
            </view>
         </view>
         <!-- #endif -->
      </view>
      <!-- #ifdef PUB_CUSTOMER -->
      <view class="user-utils m-20 user-customer-order-infos" v-if="selftype==='customer'||!selftype">
         <view class="user-util m-t-12">
            <view class="title flex">
               <view class="flex1">我的订单</view>
               <view class="m-r-a m-r-0 more" @click="goto('/pages/order/order',true)">全部订单
                  <uni-icons class="" type="right" size="12"></uni-icons>
               </view>
            </view>
            <view class="flex order-icons-container">
               <view class="order-icons" style="position: relative;"
                  @click="goto('/pages/order/order?status=PENDING',true)">
                  <image src="../../static/images/customer/order/order-type-1.png" class="order-icon dfk"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="order_pendding_num">{{order_pendding_num||''}}</view>
                  </image>
                  <view>待付款</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=SEND',true)">
                  <image src="../../static/images/customer/order/order-type-2.png" class="order-icon dfh"></image>
                  <view>待发货</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=RECEIVE',true)">
                  <image src="../../static/images/customer/order/order-type-3.png" class="order-icon dsh"></image>
                  <view>待收货</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=EVALUATE',true)">
                  <image src="../../static/images/customer/order/order-type-4.png" class="order-icon dpj"></image>
                  <view>待评价</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order-sale/order-sale',true)">
                  <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'||!selftype">
         <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" @click="goto('/sub_pages/customer/self/follow',true)">
                  <image src="../../static/images/customer/service/service-icon-1.png" class="service-icon ">
                  </image>
                  <view>关注店铺</view>
               </view>
               <view class="service-icons" @click="goto('/sub_pages/customer/self/collect',true)">
                  <image src="../../static/images/customer/service/service-icon-2.png" class="service-icon ">
                  </image>
                  <view>我的收藏</view>
               </view>
               <view class="service-icons" @click="goto('/pages/user/address/address',true)">
                  <image src="../../static/images/customer/service/service-icon-3.png" class="service-icon ">
                  </image>
                  <view>地址管理</view>
               </view>
               <view class="service-icons" @click="goto('/pages/help/content?id=售后规则',false)">
                  <image src="../../static/images/customer/service/service-icon-4.png" class="service-icon ">
                  </image>
                  <view>售后规则</view>
               </view>
            </view>
            <view class="flex service-icons-container">
               <view class="service-icons" @click="goto('/pages/help/content?id=新手帮助',false)">
                  <image src="../../static/images/customer/service/service-icon-5.png" class="t2 service-icon ">
                  </image>
                  <view>新手帮助</view>
               </view>
               <!--          <view class="service-icons" @click.stop="$meesage.showToast('敬请期待')">
                  <image src="../../static/images/customer/service/service-icon-6.png" class="t2 service-icon ">
                  </image>
                  <view>运费详查</view>
               </view> -->
               <view class="service-icons"></view>
               <view class="service-icons"></view>
               <view class="service-icons"></view>
            </view>
         </view>
      </view>
      <!-- #endif -->
      <view class="user-utils m-20">
         <view class="user-util m-t-12 flex" v-if="selftype==='customer'||!selftype"
            @click="goto('/sub_pages/customer/customer-info/customer-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==='partner'"
            @click="goto('/sub_pages/partner/partner-info/partner-info',true)">
            <view class="title">合伙人信息</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <!-- #ifdef PUB_PARTNER -->
         <view class="user-util m-t-12 flex" v-if="selftype==='partner'"
            @click="goto('/sub_pages/partner/partner-info/partner-code',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==='partner'"
            @click="goto('/sub_pages/partner/partner-info/partner-code-v2',true)">
            <view class="title">测试二维码</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view> -->
         <!-- #endif -->
         <!-- #ifdef PUB_CUSTOMER -->
         <view class="user-util m-t-12 flex"
            v-if="(selftype==='customer'||!selftype)&&currentInfo.id&&currentInfo.customerDTO&&!currentInfo.customerDTO.partnerId"
            @click="scanPartnerCode">
            <view class="title">扫码绑定合伙人</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <!-- #endif -->
         <view class="user-util m-t-12 flex"
            v-if="selftype==='supplier'&&currentInfo&&currentInfo.id&&currentInfo.supplierDTO&&currentInfo.supplierDTO.status==='P'"
            @click="goto('/sub_pages/supplier/supplier-info/supplier-info-update',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 flex" v-if="currentInfo&&currentInfo.id"
            @click="goto('/pages/user/user-bind-wx/user-bind-wx',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==='customer'" @click="clearlogout">
            <view class="title">退出登录</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <view class="user-util m-t-12 " v-if="selftype==='supplier'||selftype==='customer' || !selftype">
            <view class="title">我的客服</view>
            <view class="flex flex-wrap-normal">
               <image class="icon-clock m-r-6 m-t-2" src="../../static/common/icon-call.png"></image>
               <!-- @click="callTel" -->
               <button open-type="contact" class="component-button-contact" @handleContact="handleContact">
                  <view class="name">
                     客服电话 : &nbsp;&nbsp; <span class="topic-gray">{{ tel }}</span>
                  </view>
                  <view class="right-icon">
                     <uni-icons type="right"></uni-icons>
                  </view>
               </button>
            </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>
      <!-- #ifdef PUB_CUSTOMER -->
      <view style="padding-bottom:200rpx">
      </view>
      <common-footer flg="3"></common-footer>
      <uni-popup ref="popup_info" type="bottom">
         <view class="popup-form">
            <view class="infocontainar">
               <cu-custom bgColor="none" :isBack="false">
                  <block slot="content"><span style="color: #333;font-weight: 400;">获取用户头像、昵称</span></block>
               </cu-custom>
               <view class="avatarUrl">
                  <button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar">
                     <image :src="regAvatarUrl" class="refreshIcon"></image>
                  </button>
               </view>
               <view class="userName">
                  <text style="padding-bottom: 20rpx;">修改昵称:</text>
                  <input :clearable="false" type="nickname" class="weui-input" :value="regUserName"
                     @blur="onBindblur" placeholder="请输入昵称" @input="onBindinput" />
               </view>
               <view style="width: 100%;height: 1px; background: #EEE;">
               </view>
               <view style="width: 700rpx; height: 20px; font-size: 13px; margin: auto; margin-top: 40rpx;">
                  · 申请获取以下权限
               </view>
               <view
                  style="width: 700rpx; height: 20px; font-size: 13px; margin: auto; color: #cbcbcb; margin-top: 25rpx;">
                  · 获得你的信息(昵称、头像等)
               </view>
               <view class="btn">
                  <view @click="onWxCheckSubmit" class="button-green">保存</view>
               </view>
            </view>
         </view>
      </uni-popup>
      <!-- #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: '15974805814',
            tj: {},
            cacheUserId: '',
            order_pendding_num: 0,
         };
<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>
         <!-- v-if="currentInfo&&(currentInfo.id)" -->
         <view class="flex user-info">
            <!-- 头像 -->
            <image class="user-icon" v-if="
               (currentInfo.customerDTO&&currentInfo.customerDTO.cover)
               ||(currentInfo.supplierDTO&&currentInfo.supplierDTO.cover)
               ||(currentInfo.partnerDTO&&currentInfo.partnerDTO.cover)
               || currentInfo.picture
               " :src="
               (currentInfo.customerDTO&&currentInfo.customerDTO.cover)
               ||(currentInfo.supplierDTO&&currentInfo.supplierDTO.cover)
               ||(currentInfo.partnerDTO&&currentInfo.partnerDTO.cover)
               || currentInfo.picture
               " mode="scaleToFill"></image>
            <image class="user-icon" v-else
               src='https://youzhen123.oss-cn-huhehaote.aliyuncs.com/WechatOwnerProperty/images/mrtx.png'
               mode="scaleToFill"></image>
            <view class="name" v-if="currentInfo.id">
               <view class="t1">
                  {{
              (!!currentInfo.partnerDTO ? (currentInfo.partnerDTO.name) : "") ||  (!!currentInfo.supplierDTO ? (currentInfo.supplierDTO.name) : "") || (!!currentInfo.customerDTO ? (currentInfo.customerDTO.name) : "") || currentInfo.nickName || currentInfo.loginName || '-'
            }}
                  <span v-if="currentInfo.supplierDTO&&currentInfo.supplierDTO.status!=='P'">
                     ({{ currentInfo.supplierDTO ? currentInfo.supplierDTO.statusStr : '' }})</span>
                  <span v-if="currentInfo.partnerDTO&&currentInfo.partnerDTO.status!=='P'">
                     ({{ currentInfo.partnerDTO ? currentInfo.partnerDTO.statusStr : '' }})</span>
                  <!-- #ifdef PUB_CUSTOMER -->
                  <span class="member-level" @click="goto('/sub_pages/customer/self/member-center',true)"
                     v-if="currentInfo&&currentInfo.customerDTO&&currentInfo.customerDTO.userGrowthRecord">
                     <view v-if="currentInfo.customerDTO.userGrowthRecord.currentMemberLevel=='普通会员'" class="v1">
                        <image class="member-icon"
                           src="../../static/images/customer/coupon/member/icon-member-1.png"></image>
                        {{currentInfo.customerDTO.userGrowthRecord.currentMemberLevel}}
                        <uni-icons color="#7CC662" type="right" size="18"></uni-icons>
                     </view>
                     <view v-else-if="currentInfo.customerDTO.userGrowthRecord.currentMemberLevel=='银卡会员'"
                        class="v2">
                        <image class="member-icon v2"
                           src="../../static/images/customer/coupon/member/icon-member-2.png"></image>
                        {{currentInfo.customerDTO.userGrowthRecord.currentMemberLevel}}
                        <uni-icons color="#7498E0" type="right" size="18"></uni-icons>
                     </view>
                     <view v-else-if="currentInfo.customerDTO.userGrowthRecord.currentMemberLevel=='金卡会员'"
                        class="v3">
                        <image class="member-icon v3"
                           src="../../static/images/customer/coupon/member/icon-member-3.png"></image>
                        {{currentInfo.customerDTO.userGrowthRecord.currentMemberLevel}}
                        <uni-icons color="#C47810" type="right" size="18"></uni-icons>
                     </view>
                     <view v-else class="v4">
                        <image class="member-icon v4"
                           src="../../static/images/customer/coupon/member/icon-member-4.png"></image>
                        {{currentInfo.customerDTO.userGrowthRecord.currentMemberLevel}}
                        <uni-icons color="#DD834E" type="right" size="18"></uni-icons>
                     </view>
                  </span>
                  <!-- #endif -->
               </view>
               <view class="t2">{{ currentInfo.tel || '暂无电话' }}</view>
            </view>
            <view class="name" v-if="!currentInfo.id" open-type="getUserInfo" @click.stop="toCustomerLogin"
               style="font-size: 48rpx;margin-top: 16rpx;">
               <!-- getUserProfile -->
               {{ '点击登陆/注册' }}
            </view>
            <image class="icon-setting" @click="toInfo" src="../../static/common/icon-setting.png" mode="aspectFit">
            </image>
         </view>
         <!-- #ifdef PUB_CUSTOMER -->
         <view class="customer-info-records">
            <view class="item" @click="goto('/sub_pages/customer/self/collect',true)">
               <view class="num">{{ tj.collectNum || 0 }}
               </view>
               <view class="name">我的收藏</view>
            </view>
            <view class="line"></view>
            <view class="item" @click="goto('/sub_pages/customer/self/follow',true)">
               <view class="num">{{ tj.followNum || 0 }}
               </view>
               <view class="name">关注店铺</view>
            </view>
            <view class="line"></view>
            <view class="item" @click="goto('/sub_pages/customer/self/history',true)">
               <view class="num">{{ tj.browseNum || 0 }}</view>
               <view class="name">浏览记录</view>
            </view>
         </view>
         <!-- #endif -->
      </view>
      <!-- #ifdef PUB_CUSTOMER -->
      <view class="m-20 coupon-info-container" @click="goto( `/sub_pages/customer/coupon/good-all`,true)"
         v-if="selftype==='customer'||!selftype">
         <view>
            <view class="title">积分商城</view>
            <view class="score m-t-8">拥有积分:{{self_point}}</view>
         </view>
         <view class="button m-l-a m-r-0 m-t-12">
            去兑换 <uni-icons color="#ffffff" type="right" size="16"></uni-icons>
         </view>
      </view>
      <!-- #endif -->
      <!-- #ifdef PUB_CUSTOMER -->
      <view class="user-utils m-20 user-customer-order-infos" v-if="selftype==='customer'||!selftype">
         <view class="user-util m-t-12">
            <view class="title flex">
               <view class="flex1">我的订单</view>
               <view class="m-r-a m-r-0 more" @click="goto('/pages/order/order',true)">全部订单
                  <uni-icons class="" type="right" size="12"></uni-icons>
               </view>
            </view>
            <view class="flex order-icons-container">
               <view class="order-icons" style="position: relative;"
                  @click="goto('/pages/order/order?status=PENDING',true)">
                  <image src="../../static/images/customer/order/order-type-1.png" class="order-icon dfk"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="tj_order.pendingCount">{{tj_order.pendingCount||''}}
                     </view>
                  </image>
                  <view>待付款</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=SEND',true)">
                  <image src="../../static/images/customer/order/order-type-2.png" class="order-icon dfh"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="tj_order.sendCount">{{tj_order.sendCount||''}}</view>
                  </image>
                  <view>待发货</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=RECEIVE',true)">
                  <image src="../../static/images/customer/order/order-type-3.png" class="order-icon dsh"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="tj_order.receiveCount">{{tj_order.receiveCount||''}}
                     </view>
                  </image>
                  <view>待收货</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order?status=EVALUATE',true)">
                  <image src="../../static/images/customer/order/order-type-4.png" class="order-icon dpj"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="tj_order.evaluateCount">{{tj_order.evaluateCount||''}}
                     </view>
                  </image>
                  <view>待评价</view>
               </view>
               <view class="order-icons" @click="goto('/pages/order/order-sale/order-sale',true)">
                  <image src="../../static/images/customer/order/order-type-5.png" class="order-icon sh"
                     style="position: relative;">
                     <view class="image-shop-number" v-if="tj_order.salesPendingCount">
                        {{tj_order.salesPendingCount||''}}
                     </view>
                  </image>
                  <view>售后</view>
               </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">
               <view>我的服务</view>
            </view>
            <view class="flex service-icons-container">
               <view class="service-icons" @click="goto('/sub_pages/customer/self/sign',true)">
                  <image src="../../static/images/customer/coupon/icon-sign-home.png" class="service-icon ">
                  </image>
                  <view>签到</view>
                  <view v-if="!signToday" class="dot"></view>
               </view>
               <view class="service-icons" @click="goto('/sub_pages/customer/self/collect',true)">
                  <image src="../../static/images/customer/service/service-icon-2.png" class="service-icon ">
                  </image>
                  <view>我的收藏</view>
               </view>
               <view class="service-icons" @click="goto('/pages/user/address/address',true)">
                  <image src="../../static/images/customer/service/service-icon-3.png" class="service-icon ">
                  </image>
                  <view>地址管理</view>
               </view>
               <view class="service-icons" @click="goto('/pages/help/content?id=售后规则',false)">
                  <image src="../../static/images/customer/service/service-icon-4.png" class="service-icon ">
                  </image>
                  <view>售后规则</view>
               </view>
            </view>
            <view class="flex service-icons-container">
               <view class="service-icons" @click="goto('/pages/help/content?id=新手帮助',false)">
                  <image src="../../static/images/customer/service/service-icon-5.png" class="t2 service-icon ">
                  </image>
                  <view>新手帮助</view>
               </view>
               <view class="service-icons" @click="goto('/sub_pages/customer/self/feedback',true)">
                  <image src="../../static/images/customer/service/service-icon-7.png" class="t2 service-icon ">
                  </image>
                  <view>投诉反馈</view>
               </view>
               <!-- #ifdef PUB_CUSTOMER -->
               <view class="service-icons" @click="goto('/sub_pages/customer/coupon/coupon-self',true)">
                  <image src="../../static/images/customer/service/service-icon-8.png" class="t2 service-icon ">
                  </image>
                  <view>优惠券</view>
               </view>
               <view class="service-icons" @click="goto('/sub_pages/customer/coupon/good-self',true)">
                  <image src="../../static/images/customer/service/service-icon-9.png" class="t2 service-icon ">
                  </image>
                  <view>兑换券</view>
               </view>
               <!-- #endif -->
               <!-- #ifndef PUB_CUSTOMER -->
               <view class="service-icons">
               </view>
               <view class="service-icons">
               </view>
               <!-- #endif -->
            </view>
            <!-- #ifdef PUB_CUSTOMER -->
            <view class="flex service-icons-container">
               <view class="service-icons" @click="goto('/sub_pages/customer/self/follow',true)">
                  <image src="../../static/images/customer/service/service-icon-1.png" class="service-icon ">
                  </image>
                  <view>关注店铺</view>
               </view>
               <view class="service-icons">
               </view>
               <view class="service-icons">
               </view>
               <view class="service-icons">
               </view>
            </view>
            <!-- #endif -->
         </view>
      </view>
      <!-- #endif -->
      <view class="user-utils m-20">
         <view class="user-util m-t-12 flex" v-if="selftype==='customer'||!selftype"
            @click="goto('/sub_pages/customer/customer-info/customer-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==='partner'||!selftype"
            @click="goto('/sub_pages/partner/partner-info/partner-info-personal',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==='partner'"
            @click="goto('/sub_pages/partner/partner-info/partner-info',true)">
            <view class="title">合伙人信息</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <!-- #ifdef PUB_PARTNER -->
         <view class="user-util m-t-12 flex"
            v-if="selftype==='partner'&&currentInfo.partnerDTO&&currentInfo.partnerDTO.id&&currentInfo.partnerDTO.status=='P'"
            @click="goto('/sub_pages/partner/partner-info/partner-code',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==='partner'"
            @click="goto('/sub_pages/partner/partner-info/partner-code-v2',true)">
            <view class="title">测试二维码</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view> -->
         <!-- #endif -->
         <!-- #ifdef PUB_CUSTOMER -->
         <view class="user-util m-t-12 flex"
            v-if="(selftype==='customer'||!selftype)&&currentInfo.id&&currentInfo.customerDTO&&!currentInfo.customerDTO.partnerId"
            @click="scanPartnerCode">
            <view class="title">扫码绑定合伙人</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <!-- #endif -->
         <view class="user-util m-t-12 flex"
            v-if="selftype==='supplier'&&currentInfo&&currentInfo.id&&currentInfo.supplierDTO&&currentInfo.supplierDTO.status==='P'"
            @click="goto('/sub_pages/supplier/supplier-info/supplier-info-update',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 flex" @click="goto('/sub_pages/partner/delivery/delivery-detail',true)">
            <view class="title">debug</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view> -->
         <view class="user-util m-t-12 flex" v-if="currentInfo&&currentInfo.id"
            @click="goto('/pages/user/user-bind-wx/user-bind-wx',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('/sub_pages/customer/self/feedback',true)">
            <view class="title">投诉反馈</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view> -->
         <!-- v-if="selftype==='customer'" -->
         <view class="user-util m-t-12 flex" @click="clearlogout">
            <view class="title">退出登录</view>
            <view class="right-icon">
               <uni-icons type="right"></uni-icons>
            </view>
         </view>
         <view class="user-util m-t-12 " v-if="selftype==='supplier'||selftype==='customer' || !selftype">
            <view class="title">我的客服</view>
            <view class="flex flex-wrap-normal">
               <image class="icon-clock m-r-6 m-t-2" src="../../static/common/icon-call.png"></image>
               <!-- @click="callTel" -->
               <button open-type="contact" class="component-button-contact" @handleContact="handleContact">
                  <view class="name">
                     客服电话 : &nbsp;&nbsp; <span class="topic-gray">{{ tel }}</span>
                  </view>
                  <view class="right-icon">
                     <uni-icons type="right"></uni-icons>
                  </view>
               </button>
            </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>
      <!-- #ifdef PUB_CUSTOMER -->
      <view style="padding-bottom:140rpx">
      </view>
      <common-footer flg="3"></common-footer>
      <uni-popup ref="popup_info" type="bottom">
         <view class="popup-form">
            <view class="infocontainar">
               <cu-custom bgColor="none" :isBack="false">
                  <block slot="content"><span style="color: #333;font-weight: 400;">获取用户头像、昵称</span></block>
               </cu-custom>
               <view class="avatarUrl">
                  <button type="balanced" open-type="chooseAvatar" @chooseavatar="onChooseavatar">
                     <image :src="regAvatarUrl" class="refreshIcon"></image>
                  </button>
               </view>
               <view class="userName">
                  <text style="padding-bottom: 20rpx;">修改昵称:</text>
                  <input :clearable="false" type="nickname" class="weui-input" :value="regUserName"
                     @blur="onBindblur" placeholder="请输入昵称" @input="onBindinput" />
               </view>
               <view style="width: 100%;height: 1px; background: #EEE;">
               </view>
               <view style="width: 700rpx; height: 20px; font-size: 13px; margin: auto; margin-top: 40rpx;">
                  · 申请获取以下权限
               </view>
               <view
                  style="width: 700rpx; height: 20px; font-size: 13px; margin: auto; color: #cbcbcb; margin-top: 25rpx;">
                  · 获得你的信息(昵称、头像等)
               </view>
               <view class="btn">
                  <view @click="onWxCheckSubmit" class="button-green">保存</view>
               </view>
            </view>
         </view>
      </uni-popup>
      <!-- #endif -->
      <!-- #ifndef PUB_CUSTOMER -->
      <!--    <view class="button-login-out topic-gray" @click="clearlogout">
         退出登录
      </view> -->
      <view style="padding-bottom:160rpx">
      </view>
      <common-footer flg="1"></common-footer>
      <!-- #endif -->
   </view>
</template>
<script>
   export default {
      computed: {
         self_point() {
            if (this.currentInfo.currentPoint) {
               if (this.currentInfo.currentPoint >= 10000) {
                  return (this.currentInfo.currentPoint / 10000 + '万')
               } else {
                  return this.currentInfo.currentPoint
               }
            }
            return 0
         }
      },
      data() {
         return {
            CustomBar: uni.getStorageSync('CustomBar'),
            StatusBar: uni.getStorageSync('StatusBar'),
            tcode: '',
            inviterName: '',
            // StatusBar:0,
            tel: '15974805814',
            tj: {},
            tj_order: {},
            cacheUserId: '',
            signToday: false
            // order_pendding_num: 0,
         };
      },
      // #ifndef PUB_CUSTOMER
      onShareAppMessage() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var name = that.currentInfo.customerDTO && currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
            currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && currentInfo.partnerDTO.name || ''
         var url =
            `/pages/login/supplier-login?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
@@ -350,7 +508,8 @@
      },
      onShareTimeline() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var name = that.currentInfo.customerDTO && that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
            that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || ''
         var url =
            `/pages/login/supplier-login?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
@@ -362,7 +521,8 @@
      // #ifdef PUB_CUSTOMER
      onShareAppMessage() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var name = that.currentInfo.customerDTO && that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
            that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || ''
         var url =
            `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
@@ -372,7 +532,8 @@
      },
      onShareTimeline() {
         let that = this;
         var name = that.currentInfo.customerDTO&&currentInfo.customerDTO.name || that.currentInfo.supplierDTO&&currentInfo.supplierDTO.name || that.currentInfo.partnerDTO&&currentInfo.partnerDTO.name || ''
         var name = that.currentInfo.customerDTO && that.currentInfo.customerDTO.name || that.currentInfo.supplierDTO &&
            that.currentInfo.supplierDTO.name || that.currentInfo.partnerDTO && that.currentInfo.partnerDTO.name || ''
         var url =
            `/pages/home/home?shareId=${this.currentInfo&&this.currentInfo.id||''}&shareName=${name||''}`; //你的转发页面路径拼接参数
         return {
@@ -380,174 +541,195 @@
            path: url,
         }
      },
      // #endif
      onShow() {
         this.getTj()
      },
      onLoad(options) {
         // const url = options.q ? decodeURIComponent(options.q) : '';
         // const urlcode = options.url && decodeURIComponent(options.url) || ''
         // #ifdef PUB_CUSTOMER
         if (options.partnerUserId) {
            this.bindPartnerUser(options.partnerUserId, options.partnerUserName)
         }
         // #endif
      },
      created() {
      },
      async onPullDownRefresh() {
         await this.$store.dispatch('getCurrentInfo')
         uni.stopPullDownRefresh()
      },
      methods: {
         async bindPartnerUser(userId, name) {
            // await this.$message.confirm(`确定要绑定${name}合伙人吗?`)
            //调用接口绑定
            this.$message.showLoading()
            const {
               code,
               data
            } = await this.$http.request('post', '/api/customer/bind/partner', {
               data: {
                  partnerUserId: userId
               }
            })
            this.$message.hideLoading()
            if (code == 0) {
               this.$message.showToast(`绑定合伙人${name}成功`)
               await this.$store.dispatch('getCurrentInfo')
            }
         },
         async scanPartnerCode() {
            //扫二维码确认
            let that = this
            uni.scanCode({
               success: async function(res) {
                  console.log('条码内容:' + res.result);
                  var dto = undefined
                  try {
                     if (res.result && (res.result.startsWith('https://')||res.result.startsWith('http://')) && res.result.indexOf(
                           'partnerUserId') >= 0) {
      // #endif
      onShow() {
         this.cacheUserId = ''
         this.getTj()
      },
      onLoad(options) {
         // const url = options.q ? decodeURIComponent(options.q) : '';
         // const urlcode = options.url && decodeURIComponent(options.url) || ''
         // #ifdef PUB_CUSTOMER
         if (options.partnerUserId) {
            this.bindPartnerUser(options.partnerUserId, options.partnerUserName)
         }
         // #endif
      },
      created() {
      },
      async onPullDownRefresh() {
         await this.$store.dispatch('getCurrentInfo')
         uni.stopPullDownRefresh()
      },
      methods: {
         async bindPartnerUser(userId, name) {
            // await this.$message.confirm(`确定要绑定${name}合伙人吗?`)
            //调用接口绑定
            this.$message.showLoading()
            const {
               code,
               data
            } = await this.$http.request('post', '/api/customer/bind/partner', {
               data: {
                  partnerUserId: userId
               }
            })
            this.$message.hideLoading()
            if (code == 0) {
               this.$message.showToast(`绑定合伙人${name}成功`)
               await this.$store.dispatch('getCurrentInfo')
            }
         },
         async scanPartnerCode() {
            //扫二维码确认
            let that = this
            uni.scanCode({
               success: async function(res) {
                  console.log('条码内容:' + res.result);
                  if (!res.result) {
                     that.$message.showToast('未识别出合伙人信息,请用微信扫码打开')
                     return
                  }
                  var dto = undefined
                  try {
                     if (res.result && (res.result.startsWith('https://') || res.result.startsWith(
                           'http://')) && res.result.indexOf(
                           'partnerUserId') >= 0) {
                        var arr = res.result.split("?")[1].split("&")
                        dto = {}
                        for (var item of arr) {
                        dto = {}
                        for (var item of arr) {
                           var tarr = item.split("=")
                           // console.log('tarr',tarr)
                           if (tarr[1]) {
                              dto[tarr[0]] = tarr[1]
                           }
                        }
                        dto['name'] = dto['partnerUserName'] || ''
                        dto['userId'] = dto['partnerUserId'] || ''
                        // console.log('tmp arr',arr,dto)
                     } else {
                        dto = JSON.parse(res.result)
                     }
                     if (!!dto['userId']) {
                        var partnerName = dto['name'] || ''
                        var partnerId = dto['userId'] || ''
                        that.bindPartnerUser(partnerId, partnerName)
                     } else {
                        that.$message.showToast('二维码格式不正确扫码失败')
                     }
                           // console.log('tarr',tarr)
                           if (tarr[1]) {
                              dto[tarr[0]] = tarr[1]
                           }
                        }
                        dto['name'] = dto['partnerUserName'] || ''
                        dto['userId'] = dto['partnerUserId'] || ''
                        // console.log('tmp arr',arr,dto)
                     } else {
                        dto = JSON.parse(res.result)
                     }
                     if (!!dto['userId']) {
                        var partnerName = dto['name'] || ''
                        var partnerId = dto['userId'] || ''
                        that.bindPartnerUser(partnerId, partnerName)
                     } else {
                        that.$message.showToast('二维码格式不正确扫码失败')
                     }
                  } catch (e) {
                     console.log('e',e)
                     that.$message.showToast('二维码扫码错误')
                  }
               },
               fail() {
                  that.$message.showToast('扫码失败')
               }
            });
         },
         toInfo() {
            var url = ''
            if (this.currentInfo.id) {
               // #ifdef PUB_CUSTOMER
               url = '/sub_pages/customer/customer-info/customer-info'
               // #endif
               // #ifdef PUB_PARTNER
               url = '/sub_pages/partner/partner-info/partner-info'
               // #endif
               // #ifdef PUB_SUPPLIER
               url = '/sub_pages/supplier/supplier-info/supplier-info'
               // #endif
               if (url) {
                  uni.navigateTo({
                     url: url
                  })
               }
            }
         },
         getTj() {
            // /api/supplier/delivery
            if (this.currentInfo.id && this.currentInfo.id !== this.cacheUserId) {
               this.cacheUserId = this.currentInfo.id
               let that = this
               setTimeout(() => {
                  // #ifdef PUB_CUSTOMER
                  this.$http.request('get', '/api/customer/center/tj', {}).then(res => {
                     if (res.code === 0) {
                        that.tj = res.data || {}
                     }
                  })
                  //获取待支付数目
                  this.$http.request('get', '/api/customer/order/count/pending', {
                     params: {}
                  }).then(res => {
                     if (res.code === 0) {
                        that.order_pendding_num = res.data || 0
                     }
                  })
                  // #endif
               }, 200)
            }
         },
         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 //仅为示例
            });
         },
         toCustomerLogin() {
            uni.navigateTo({
               url: '/pages/login/supplier-login'
            })
         },
      }
   }
</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>
                     console.log('e', e)
                     that.$message.showToast('二维码扫码错误')
                  }
               },
               fail() {
                  that.$message.showToast('扫码失败')
               }
            });
         },
         toInfo() {
            var url = ''
            if (this.currentInfo.id) {
               // #ifdef PUB_CUSTOMER
               url = '/sub_pages/customer/customer-info/customer-info'
               // #endif
               // #ifdef PUB_PARTNER
               url = '/sub_pages/partner/partner-info/partner-info'
               // #endif
               // #ifdef PUB_SUPPLIER
               url = '/sub_pages/supplier/supplier-info/supplier-info'
               // #endif
               if (url) {
                  uni.navigateTo({
                     url: url
                  })
               }
            }
         },
         getTj() {
            // /api/supplier/delivery
            if (this.currentInfo.id && this.currentInfo.id !== this.cacheUserId) {
               this.cacheUserId = this.currentInfo.id
               let that = this
               setTimeout(() => {
                  // #ifdef PUB_CUSTOMER
                  this.$http.request('get', '/api/customer/center/tj', {}).then(res => {
                     if (res.code === 0) {
                        that.tj = res.data || {}
                     }
                  })
                  //获取待支付数目
                  this.$http.request('get', '/api/customer/order/statistics/count', {
                     params: {}
                  }).then(res => {
                     if (res.code === 0) {
                        // that.order_pendding_num = res.data || 0
                        that.tj_order = res.data || {}
                        // this.$forceUpdate()
                        console.log('tj_order', that.tj_order)
                     }
                  })
                  //判断有没有签到
                  let that = this
                  this.$http.request('get', '/api/customer/point/sign/sign/today', {}).then(res => {
                     if (res.data) {
                        that.signToday = true
                     }
                  })
                  // #endif
               }, 200)
            }
         },
         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 //仅为示例
            });
         },
         toCustomerLogin() {
            uni.navigateTo({
               url: '/pages/login/supplier-login'
            })
         },
      }
   }
</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>