<template>
  <view>
    <!-- 常用工具 -->
    <view class="interact-tools" style="margin-bottom: 15px">
      <div class="paddingBox">
        <view class="interact-container">
          <!-- <view
            class="interact-item"
            @click="navigateTo('/pages/mine/share')"
          > -->
          <view class="interact-item" @click="shareApp">
            <image src="/static/mine/share.png" mode=""></image>
            <view>分享</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/invite')"
            v-if="userInfonew.expert"
          >
            <image src="/static/mine/stion.png" mode=""></image>
            <view>我的推荐</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/inviteinput')"
            v-if="!userInfonew.expert"
          >
            <image src="/static/mine/smk.png" mode=""></image>
            <view>邀请</view>
          </view>
          <view
            v-if="userInfonew.expert != 1"
            class="interact-item"
            @click="navigateTo('/pages/mine/expert/index')"
          >
            <image src="/static/mine/mon.png" mode=""></image>
            <view>达人申请</view>
          </view>
          <view
            v-if="userInfonew.storeId == null || userInfonew.storeId == ''"
            class="interact-item"
            @click="navigateTo('/pages/mine/openShop/index')"
          >
            <image src="/static/mine/shop.png" mode=""></image>
            <view>店铺申请</view>
          </view>
          <!-- <view class="interact-item" @click="navigateTo('/pages/mine/makeMoney/index')">
            <image src="/static/mine/mony.png" mode=""></image>
            <view>赚钱</view>
          </view> -->
          <view class="interact-item" @click="navigateTo('/pages/mine/signIn')">
            <image src="/static/mine/sign.png" mode=""></image>
            <view>每日签到</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/point/myPoint')"
          >
            <image src="/static/mine/mypoint.png" mode=""></image>
            <view>我的积分</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/cart/coupon/myCoupon')"
          >
            <image src="/static/mine/mycoupon.png" mode=""></image>
            <view>优惠券</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/myCollect')"
          >
            <image src="/static/mine/myfavorite.png" mode=""></image>
            <view>我的关注</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/myTracks')"
          >
            <image src="/static/mine/myhistory.png" mode=""></image>
            <view>我的足迹</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/order/evaluate/myEvaluate')"
          >
            <image src="/static/mine/mycommit.png" mode=""></image>
            <view>我的评价</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/order/complain/complainList')"
          >
            <image src="/static/mine/shensu.png" mode=""></image>
            <view>我的投诉</view>
          </view>

          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/set/feedBack')"
          >
            <image src="/static/mine/feedback.png" mode=""></image>
            <view>意见反馈</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/cart/coupon/couponCenter')"
          >
            <image src="/static/mine/couponcenter.png" mode=""></image>
            <view>领券中心</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/address/addressManage')"
          >
            <image src="/static/mine/myaddress.png" mode=""></image>
            <view>地址管理</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/set/setUp')"
          >
            <image src="/static/mine/setting.png" mode=""></image>
            <view>设置</view>
          </view>
          <view
            class="interact-item"
            @click="navigateTo('/pages/mine/mydistribution/index?')"
            v-if="userInfonew.expert"
          >
            <image src="/static/mine/distribution.png" mode=""></image>
            <view>我的分销</view>
          </view>
          <!-- <view class="interact-item" @click="distribution">
            <image src="/static/mine/distribution.png" mode=""></image>
            <view>我的分销</view>
          </view> -->
          <view
            class="interact-item"
            @click="navigateTo('/pages/promotion/bargain/log')"
          >
            <image src="/static/mine/kanjia.png" mode=""></image>
            <view>砍价记录</view>
          </view>
          <view
            class="interact-item"
            @click="save"
            v-if="userInfonew.storeId != ''"
          >
            <image src="/static/mine/somp.png" mode=""></image>
            <view>扫码核销</view>
          </view>
        </view>
      </div>
    </view>
  </view>
</template>

<script>
import { distribution, getGoodstake } from "@/api/goods";
import { getUserInfo } from "@/api/members";
import config from "@/config/config.js";
export default {
  props: {
    userInfo: {
      type: Object,
      default: () => {},
    },
  },
  data() {
    return {
      userInfonew: {}, // 用户信息
    };
  },
  onShow() {},
  onLoad() {},
  watch: {
    userInfo: {
      handler(newVal, oldVal) {
        console.log("watch", newVal, oldVal);
        this.userInfonew = {};
        this.userInfonew = newVal;
      },
    },
  },
  mounted() {},
  methods: {
    save() {
      uni.scanCode({
        success: (res) => {
          const par = res.result.split("|");
          getGoodstake(par[0], par[1], { storeid: par[2] }).then((resfn) => {
            let title = resfn.data.code === 200 ? "核销成功" : "核销失败";
            uni.showModal({
              title: "提示",
              content: title,
              showCancel: false,
              confirmText: "确定",
            });
          });
        },
      });
    },
    shareApp() {
      uni.share({
        provider: "weixin",
        scene: "WXSceneSession", // 分享到聊天会话
        type: 2, // 分享纯文本
        content: `快来访问这个链接吧：${config.downloadLink}`, // 纯文本内容，可以根据需求修改
        success: function () {
          console.log("分享成功");
          uni.showToast({
            title: '分享成功',
            icon: 'success'
          });
        },
        fail: function (err) {
          console.log("分享失败", err);
          uni.showToast({
            title: '分享失败，请稍后重试',
            icon: 'none'
          });
        },
      });
    },
    navigateTo(url) {
      uni.navigateTo({
        url,
      });
    },
    distribution() {
      distribution().then((res) => {
        if (res.data.result) {
          let type = res.data.result.distributionStatus;
          if (type == "PASS") {
            uni.navigateTo({
              url: "/pages/mine/distribution/home",
            });
          } else if (type == "REFUSE") {
            uni.navigateTo({
              url: "/pages/mine/distribution/auth",
            });
          } else if (type == "RETREAT") {
            uni.showToast({
              title: "您的分销资格已被清退。请联系管理员！",
              duration: 2000,
              icon: "none",
            });
          } else {
            uni.showToast({
              title: "您的信息正在审核",
              duration: 2000,
              icon: "none",
            });
          }
        } else if (!res.data.success && res.data.code == 22000) {
          uni.showToast({
            title: "分销功能暂未开启",
            duration: 2000,
            icon: "none",
          });
        } else {
          // 没有资格申请 先去实名认证
          uni.navigateTo({
            url: "/pages/mine/distribution/auth",
          });
        }
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.interact-tools {
  border-left: none;
  border-right: none;

  .interactBox {
    height: 156rpx;
  }
  .interact-container {
    margin: 0 20rpx;
    background: #fff;
    border-radius: 20rpx;
    box-shadow: 0 4rpx 24rpx 0 rgba($color: #f6f6f6, $alpha: 1);
    .interact-item-img {
      width: 52rpx !important;
      height: 52rpx !important;
      // margin-bottom:  !important;
      margin: 0 auto 6rpx auto !important;
    }
    image {
      width: 52rpx;
      height: 52rpx;
      margin-bottom: 6rpx;
    }
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;

    .interact-item {
      font-size: $font-sm;
      width: 25%;
      height: 160rpx;
      padding: 30rpx;
    }
  }
}
</style>
