|
|
@@ -0,0 +1,249 @@
|
|
|
+<template>
|
|
|
+ <div class="specialregion">
|
|
|
+ <div class="head">
|
|
|
+ <div class="card">
|
|
|
+ <div class="p1">
|
|
|
+ <img :src="userinfo.head_pic" class="hpic" />
|
|
|
+ <span class="num">{{ userinfo.mobile }}</span>
|
|
|
+ <span class="copy" @click="copyText(userinfo.nickname)">复制</span>
|
|
|
+ <div class="live">
|
|
|
+ <img src="/static/my/huangguan.png" class="hico" />
|
|
|
+ <span class="txt">{{ userinfo.level_name }}</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <view class="regional">
|
|
|
+ <template v-if="userinfo.regionalNode">
|
|
|
+ <span class="ico iconfont"></span>
|
|
|
+ <span class="txtinfo">区域节点：{{ userinfo.regionalNode.regional_name }}</span>
|
|
|
+ </template>
|
|
|
+ </view>
|
|
|
+ <div class="p2 flex_r flex_jse flex_ac">
|
|
|
+ <div class="i_num">
|
|
|
+ <p>余额</p>
|
|
|
+ <p class="dinB">{{ userinfo.user_money }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="i_num">
|
|
|
+ <p>批发券</p>
|
|
|
+ <p class="dinB">{{ userinfo.integral }}</p>
|
|
|
+ </div>
|
|
|
+ <div class="i_num">
|
|
|
+ <p>昨日收益</p>
|
|
|
+ <p class="dinB">{{ userinfo.yesterdayProfit }}</p>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="muu">
|
|
|
+ <image src="https://teaclub.oss-cn-chengdu.aliyuncs.com/static/02.jpg" @click="gt(1)" mode="widthFix" class="img" />
|
|
|
+ <image src="https://teaclub.oss-cn-chengdu.aliyuncs.com/static/01.jpg" @click="gt(2)" mode="widthFix" class="img" />
|
|
|
+ </div>
|
|
|
+ <div class="muus">
|
|
|
+ <view class="fun mar_t30">
|
|
|
+ <view class="fun_title">云店服务</view>
|
|
|
+ <view class="fun_con mar_t50 flex_r flex_ac">
|
|
|
+ <navigator class="fun_list flex_c flex_ac" url="/pages/szw-order-list/index" hover-class="none">
|
|
|
+ <image class="fun_img" src="https://teaclub.oss-cn-chengdu.aliyuncs.com/static/2.png"></image>
|
|
|
+ <view class="fun_text">订单</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="fun_list flex_c flex_ac" url="/pages/account/consignment" hover-class="none">
|
|
|
+ <image class="fun_img" src="/static/my/consign.png"></image>
|
|
|
+ <view class="fun_text">寄卖</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="fun_list flex_c flex_ac" url="/pages/account/conversion" hover-class="none">
|
|
|
+ <image class="fun_img" src="/static/my/10.png"></image>
|
|
|
+ <view class="fun_text">转化</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="fun_list flex_c flex_ac" url="/pagesB/address/list" hover-class="none">
|
|
|
+ <image class="fun_img" src="/static/my/dizhi.png"></image>
|
|
|
+ <view class="fun_text">地址管理</view>
|
|
|
+ </navigator>
|
|
|
+ <navigator class="fun_list flex_c flex_ac" url="/pagesB/my/assistant" hover-class="none">
|
|
|
+ <image class="fun_img" src="/static/my/assistant.png"></image>
|
|
|
+ <view class="fun_text">开票助手</view>
|
|
|
+ </navigator>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+// import { post } from "@/request/api.js";
|
|
|
+import uniCopy from "@/utils/copy";
|
|
|
+export default {
|
|
|
+ name: "specialregion",
|
|
|
+ props: {},
|
|
|
+ components: {},
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ userinfo: {}, // 获取用户信息
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ gt(va) {
|
|
|
+ if (va == 1) {
|
|
|
+ this.goto("/pages/product/productRetail", { type: 1 });
|
|
|
+ } else if (va == 2) {
|
|
|
+ this.goto("/pages/product/productWholesale", { type: 2 });
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 获取userinfo
|
|
|
+ async getuserInfo() {
|
|
|
+ this.userinfo = await uni.userfun();
|
|
|
+ },
|
|
|
+ // 复制账号
|
|
|
+ copyText(e) {
|
|
|
+ uniCopy({
|
|
|
+ content: e,
|
|
|
+ success: (res) => {},
|
|
|
+ error: (e) => {},
|
|
|
+ });
|
|
|
+ },
|
|
|
+ },
|
|
|
+ onLoad(da) {},
|
|
|
+ onShow() {
|
|
|
+ this.getuserInfo();
|
|
|
+ },
|
|
|
+ mounted() {},
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style scoped lang='scss'>
|
|
|
+.head {
|
|
|
+ padding: 28rpx 30rpx;
|
|
|
+
|
|
|
+ .card {
|
|
|
+ background: url("https://teaclub.oss-cn-chengdu.aliyuncs.com/static/04.jpg");
|
|
|
+ background-size: 100% 100%;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ padding: 28rpx 0;
|
|
|
+ height: 300rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hpic {
|
|
|
+ width: 66rpx;
|
|
|
+ height: 66rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .hico {
|
|
|
+ width: 32rpx;
|
|
|
+ height: 32rpx;
|
|
|
+ margin-right: 8rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .num {
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .live {
|
|
|
+ float: right;
|
|
|
+
|
|
|
+ .txt {
|
|
|
+ font-size: 28rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ img,
|
|
|
+ span {
|
|
|
+ vertical-align: middle;
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .copy {
|
|
|
+ font-size: 20rpx;
|
|
|
+ padding: 0 12rpx;
|
|
|
+ margin-left: 12rpx;
|
|
|
+ border-radius: 6rpx;
|
|
|
+ color: #d44b41;
|
|
|
+ background: #ffc67d;
|
|
|
+ }
|
|
|
+
|
|
|
+ .p1 {
|
|
|
+ padding: 0 30rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .p2 {
|
|
|
+ height: calc(100% - 110rpx);
|
|
|
+
|
|
|
+ .i_num {
|
|
|
+ text-align: center;
|
|
|
+ font-size: 30rpx;
|
|
|
+
|
|
|
+ p {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 24rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .dinB {
|
|
|
+ margin-top: 10rpx;
|
|
|
+ font-size: 36rpx;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.muu {
|
|
|
+ padding: 0 30rpx;
|
|
|
+ margin: 0 -15rpx;
|
|
|
+
|
|
|
+ .img {
|
|
|
+ margin: 0 15rpx;
|
|
|
+ width: calc(50% - 30rpx);
|
|
|
+ border-radius: 12rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.fun {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 16rpx;
|
|
|
+ background: #fff;
|
|
|
+ padding: 30rpx 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+ .fun_title {
|
|
|
+ padding: 0 30rpx;
|
|
|
+ font-size: 32rpx;
|
|
|
+ color: #333;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fun_con {
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fun_list {
|
|
|
+ width: 25%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fun_img {
|
|
|
+ width: 50rpx;
|
|
|
+ height: 50rpx;
|
|
|
+ margin-bottom: 10rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .fun_text {
|
|
|
+ font-size: 24rpx;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+}
|
|
|
+.muus{
|
|
|
+ padding: 0 30rpx;
|
|
|
+}
|
|
|
+.regional {
|
|
|
+ height: 30rpx;
|
|
|
+ line-height: 30rpx;
|
|
|
+ padding: 0 30rpx;
|
|
|
+ margin-top: 8rpx;
|
|
|
+
|
|
|
+ .ico {
|
|
|
+ font-size: 26rpx;
|
|
|
+ margin-right: 12rpx;
|
|
|
+ }
|
|
|
+
|
|
|
+ .txtinfo {
|
|
|
+ font-size: 22rpx;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
DaMowang