czg_team/cashier_wx
7
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

新增跳转企业微信客服功能

Browse Source
This commit is contained in:
gyq
2025-12-29 13:54:53 +08:00
parent 8d917d49ed
commit cbe27a43de
3 changed files with 557 additions and 585 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
common/config.js
View File

@@ -1,5 +1,6 @@
// const debug = process.env.NODE_ENV == 'development' ? true : false; // const debug = process.env.NODE_ENV == 'development' ? true : false;
const debug = false; // false线上 true本地 // const debug = false; // false线上 true本地
const debug = true; // false线上 true本地
let baseUrl = '' let baseUrl = ''
let baseUrlwws = '' let baseUrlwws = ''

22
pages/index/indexs.vue
View File

@@ -27,7 +27,6 @@
<image :src="imgs.code" class="code"></image> <image :src="imgs.code" class="code"></image>
</view> </view>
</view> </view>
<!-- <button type="primary" @click="openContact">打开客服</button> -->
<view class="new-menus-box"> <view class="new-menus-box">
<view class="new-menus layout2" v-if="allConfig.takeout"> <view class="new-menus layout2" v-if="allConfig.takeout">
<view class="diner" @click="scanCodehandle(0)"> <view class="diner" @click="scanCodehandle(0)">
@@ -125,27 +124,6 @@ import { getMemberConfig, getRechargeConfig } from '@/common/api/index/index.js'
import { ref, reactive, defineProps, defineEmits, onMounted } from 'vue'; import { ref, reactive, defineProps, defineEmits, onMounted } from 'vue';
import { isJsonArrayString } from '@/utils/util.js'; import { isJsonArrayString } from '@/utils/util.js';
function openContact() {
wx.openCustomerServiceChat({
corpId: 'wwc76ab19fa6df267f',
extInfo: {
url: 'https://work.weixin.qq.com/kfid/kfc40ac2dc5e20c2e8e'
},
// 成功回调
success: (res) => {
console.log('跳转企业微信客服成功', res);
},
// 失败回调
fail: (err) => {
console.error('跳转企业微信客服失败', err);
uni.showToast({
title: '跳转客服失败，请稍后重试',
icon: 'none'
});
}
});
}
const attractPopupRef = ref(null); const attractPopupRef = ref(null);
const imgs = { const imgs = {

435
pages/user/user.vue
View File

@@ -1,12 +1,16 @@
<template> <template>
<view class="container"> <view class="container">
<image class="topBack" :src=" <image
class="topBack"
:src="
userInfo.shopExtendList userInfo.shopExtendList
? userInfo.shopExtendList[1].value ? userInfo.shopExtendList[1].value
? userInfo.shopExtendList[1].value ? userInfo.shopExtendList[1].value
: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/myTopBack.png' : 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/myTopBack.png'
: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/myTopBack.png' : 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/myTopBack.png'
" mode="aspectFill"></image> "
mode="aspectFill"
></image>
<view class="myContent"> <view class="myContent">
<view class="my_info flex-between"> <view class="my_info flex-between">
<view class="my_info_left"> <view class="my_info_left">
@@ -15,8 +19,7 @@
<image class="my_info_left_head" :src="userInfo.headImg" mode="aspectFill"></image> <image class="my_info_left_head" :src="userInfo.headImg" mode="aspectFill"></image>
</button> </button>
<!-- <view class="name">{{ userInfo.nickName }}</view> --> <!-- <view class="name">{{ userInfo.nickName }}</view> -->
<input type="nickname" class="name" v-model="userInfo.nickName" placeholder="输入昵称" <input type="nickname" class="name" v-model="userInfo.nickName" placeholder="输入昵称" @blur="onNicknameInput" />
@blur="onNicknameInput" />
<!-- #endif --> <!-- #endif -->
<!-- #ifndef MP-WEIXIN --> <!-- #ifndef MP-WEIXIN -->
<image class="my_info_left_head" :src="userInfo.headImg" mode="aspectFill"></image> <image class="my_info_left_head" :src="userInfo.headImg" mode="aspectFill"></image>
@@ -27,8 +30,7 @@
<image class="my_info_right_qr" src="/static/icon/code.png" mode="aspectFill"></image> <image class="my_info_right_qr" src="/static/icon/code.png" mode="aspectFill"></image>
<view class="msg-view" @click="viewUserMsgList"> <view class="msg-view" @click="viewUserMsgList">
<view class="msg-icon-wrapper"> <view class="msg-icon-wrapper">
<image v-if="unreadMsgCount > 0" class="my-msg-icon" src="/static/mine/msg_select.png" <image v-if="unreadMsgCount > 0" class="my-msg-icon" src="/static/mine/msg_select.png" mode="aspectFill"></image>
mode="aspectFill"></image>
<image v-else class="my-msg-icon" src="/static/mine/msg.png" mode="aspectFill"></image> <image v-else class="my-msg-icon" src="/static/mine/msg.png" mode="aspectFill"></image>
<!-- 角标 --> <!-- 角标 -->
@@ -39,7 +41,6 @@
</view> </view>
</view> </view>
<!-- <image class="my_info_right_qr" @click="clickEvent" v-if="userInfo.isVip == 1 && ShopId" <!-- <image class="my_info_right_qr" @click="clickEvent" v-if="userInfo.isVip == 1 && ShopId"
:src="'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_qRcode.png'" mode="aspectFill"> :src="'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_qRcode.png'" mode="aspectFill">
</image> </image>
@@ -55,9 +56,7 @@
<view class="amount"> <view class="amount">
<view class="u-flex u-flex-between u-m-t-20"> <view class="u-flex u-flex-between u-m-t-20">
<view class="u-flex"> <view class="u-flex">
<image style="width: 50rpx; height: 37rpx" <image style="width: 50rpx; height: 37rpx" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/storedValue.png" mode="aspectFill"></image>
src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/storedValue.png"
mode="aspectFill"></image>
<text class="color-333 font-14 u-m-l-20">储值</text> <text class="color-333 font-14 u-m-l-20">储值</text>
</view> </view>
<view class="u-flex color-666" @click="toChargeList"> <view class="u-flex color-666" @click="toChargeList">
@@ -67,23 +66,17 @@
</view> </view>
<view class="card-list"> <view class="card-list">
<view class="card-list-item" v-for="(item, index) in rechargeList" :key="index" <view class="card-list-item" v-for="(item, index) in rechargeList" :key="index" @click="toCharge(item)">
@click="toCharge(item)">
<up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image> <up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image>
<view class="info text-center"> <view class="info text-center">
<view class="color-333 u-m-t-14"> <view class="color-333 u-m-t-14">
<text class="font-10">¥</text> <text class="font-10">¥</text>
<text class="font-16 font-700">{{ <text class="font-16 font-700">{{ item.amount || '0.00' }}</text>
item.amount || "0.00"
}}</text>
</view> </view>
<view class="font-12 color-666 u-line-1">{{ <view class="font-12 color-666 u-line-1">{{ item.shopName }}</view>
item.shopName
}}</view>
</view> </view>
</view> </view>
<view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="rechargeList.length" <view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="rechargeList.length" @click="toChargeList">
@click="toChargeList">
<view class="text-center color-333 font-12">查看全部</view> <view class="text-center color-333 font-12">查看全部</view>
</view> </view>
</view> </view>
@@ -91,8 +84,7 @@
<view class="vip u-m-t-40"> <view class="vip u-m-t-40">
<view class="u-flex u-flex-between u-m-t-20"> <view class="u-flex u-flex-between u-m-t-20">
<view class="u-flex"> <view class="u-flex">
<image style="width: 50rpx; height: 40rpx" src="/static/icon/vip.png" mode="aspectFill"> <image style="width: 50rpx; height: 40rpx" src="/static/icon/vip.png" mode="aspectFill"></image>
</image>
<text class="color-333 font-14 u-m-l-20">会员</text> <text class="color-333 font-14 u-m-l-20">会员</text>
</view> </view>
<view class="u-flex color-666" @click="tomemberList"> <view class="u-flex color-666" @click="tomemberList">
@@ -102,13 +94,10 @@
</view> </view>
<view class="card-list"> <view class="card-list">
<view class="card-list-item" v-for="(item, index) in memberList" :key="index" <view class="card-list-item" v-for="(item, index) in memberList" :key="index" @click="tomember(item)">
@click="tomember(item)">
<up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image> <up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image>
<view class="info text-center"> <view class="info text-center">
<view class="font-12 color-666 u-m-t-14 u-line-1">{{ <view class="font-12 color-666 u-m-t-14 u-line-1">{{ item.shopName }}</view>
item.shopName
}}</view>
</view> </view>
</view> </view>
<view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="memberList.length"> <view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="memberList.length">
@@ -119,9 +108,7 @@
<view class="amount"> <view class="amount">
<view class="u-flex u-flex-between u-m-t-20"> <view class="u-flex u-flex-between u-m-t-20">
<view class="u-flex"> <view class="u-flex">
<image style="width: 50rpx; height: 44rpx" <image style="width: 50rpx; height: 44rpx" src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/points.png" mode="aspectFill"></image>
src="https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/points.png" mode="aspectFill">
</image>
<text class="color-333 font-14 u-m-l-20">积分</text> <text class="color-333 font-14 u-m-l-20">积分</text>
</view> </view>
<view class="u-flex color-666" @click="toCoin()"> <view class="u-flex color-666" @click="toCoin()">
@@ -131,22 +118,16 @@
</view> </view>
<view class="card-list"> <view class="card-list">
<view class="card-list-item" v-for="(item, index) in coinList" :key="index" <view class="card-list-item" v-for="(item, index) in coinList" :key="index" @click="toCoin(item)">
@click="toCoin(item)">
<up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image> <up-image radius="20rpx" width="182rpx" height="182rpx" :src="item.logo"></up-image>
<view class="info text-center"> <view class="info text-center">
<view class="color-333 u-m-t-14"> <view class="color-333 u-m-t-14">
<text class="font-16 font-700">{{ <text class="font-16 font-700">{{ item.pointBalance || '0' }}</text>
item.pointBalance || "0"
}}</text>
</view> </view>
<view class="font-12 color-666 u-line-1">{{ <view class="font-12 color-666 u-line-1">{{ item.shopName }}</view>
item.shopName
}}</view>
</view> </view>
</view> </view>
<view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="coinList.length" <view class="u-flex u-flex-column u-flex-center" style="width: 12px" v-if="coinList.length" @click="toCoin()">
@click="toCoin()">
<view class="text-center color-333 font-12">查看全部</view> <view class="text-center color-333 font-12">查看全部</view>
</view> </view>
</view> </view>
@@ -154,16 +135,13 @@
</view> </view>
<view class="my_item my_fun u-m-t-30"> <view class="my_item my_fun u-m-t-30">
<view class="my_fun_list"> <view class="my_fun_list">
<view class="my_list_item" v-for="(item, index) in myFunList" :key="index" <view class="my_list_item" v-for="(item, index) in myFunList" :key="index" @click="clickTo(item, index)">
@click="clickTo(item, index)">
<view class="my_list_item_left"> <view class="my_list_item_left">
<image class="my_list_item_icon" :src="item.icon" mode="aspectFill"></image> <image class="my_list_item_icon" :src="item.icon" mode="aspectFill"></image>
<view class="my_list_item_name">{{ item.name }}</view> <view class="my_list_item_name">{{ item.name }}</view>
</view> </view>
<view class="my_list_item_right u-flex"> <view class="my_list_item_right u-flex">
<text v-if="item.type == 'score'" class="font-12">{{ <text v-if="item.type == 'score'" class="font-12">{{ userInfo.pointBalance || 0 }}</text>
userInfo.pointBalance || 0
}}</text>
<!-- <text v-else-if="item.type=='my_coupon'" class="font-12 ">{{userInfo.couponNum || 0}}</text> --> <!-- <text v-else-if="item.type=='my_coupon'" class="font-12 ">{{userInfo.couponNum || 0}}</text> -->
<text class="font-12 color-999" v-else>查看</text> <text class="font-12 color-999" v-else>查看</text>
<u-icon class="u-m-t-2" name="arrow-right" color="#999999" size="12"></u-icon> <u-icon class="u-m-t-2" name="arrow-right" color="#999999" size="12"></u-icon>
@@ -190,47 +168,58 @@
</template> </template>
<script setup> <script setup>
import weQrcode from "@/components/wechat-ac-qrcode.vue"; import weQrcode from '@/components/wechat-ac-qrcode.vue';
import devetools from "@/components/devetools.vue"; import devetools from '@/components/devetools.vue';
import { import { ref, computed, onMounted, reactive, watch } from 'vue';
ref, import { onLoad, onReady, onShow } from '@dcloudio/uni-app';
computed, import { productStore, Storelogin } from '@/stores/user.js';
onMounted, import * as vipApi from '@/common/api/account/vip.js';
reactive, import * as rechargeApi from '@/common/api/market/recharge.js';
watch import { pointsShopList } from '@/common/api/market/points.js';
} from "vue"; import { getUnReadCountReq } from '../../common/api/account/message';
import { import { updateUserInfoReq } from '../../common/api/api';
onLoad, import { uploadFile } from '@/common/api/upload.js';
onReady,
onShow
} from "@dcloudio/uni-app";
import {
productStore
} from "@/stores/user.js";
import * as vipApi from "@/common/api/account/vip.js";
import * as rechargeApi from "@/common/api/market/recharge.js";
import {
pointsShopList
} from '@/common/api/market/points.js'
import {
getUnReadCountReq
} from "../../common/api/account/message";
import {
updateUserInfoReq
} from "../../common/api/api";
import {
uploadFile
} from '@/common/api/upload.js';
// 打开企业微信客服
const userStore = Storelogin();
function qrcodeResult(res) { function openContact() {
qrcode.value = res; const shopInfo = uni.cache.get('ordershopUserInfo');
if (shopInfo.weworkId && shopInfo.weworkUrl) {
wx.openCustomerServiceChat({
// corpId: 'wwc76ab19fa6df267f',
corpId: shopInfo.weworkId,
extInfo: {
// url: 'https://work.weixin.qq.com/kfid/kfc40ac2dc5e20c2e8e'
url: shopInfo.weworkUrl
},
// 成功回调
success: (res) => {
console.log('跳转企业微信客服成功', res);
},
// 失败回调
fail: (err) => {
console.error('跳转企业微信客服失败', err);
uni.showToast({
title: '跳转客服失败，请稍后重试',
icon: 'none'
});
} }
});
} else {
uni.showToast({
title: '未开放',
icon: 'none'
});
}
}
const store = productStore(); function qrcodeResult(res) {
const myFunList = ref([ qrcode.value = res;
}
const store = productStore();
const myFunList = ref([
// { // {
// name: "积分", // name: "积分",
// type: "score", // type: "score",
@@ -238,14 +227,14 @@
// url: '/user/score/list' // url: '/user/score/list'
// }, // },
{ {
name: "优惠券", name: '优惠券',
type: "my_coupon", type: 'my_coupon',
icon: "https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_coupon.png", icon: 'https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_coupon.png'
}, },
{ {
name: "分销", name: '分销',
type: "fenxiao", type: 'fenxiao',
icon: "/static/icon/fenxiao.svg", icon: '/static/icon/fenxiao.svg'
}, },
// { // {
// name: "商家推送", // name: "商家推送",
@@ -269,34 +258,35 @@
// icon: "https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_member.png" // icon: "https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/my_member.png"
// }, // },
// { name: "关于", type: "", icon: "https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/inRegard.png"}, // { name: "关于", type: "", icon: "https://czg-qr-order.oss-cn-beijing.aliyuncs.com/my/inRegard.png"},
]); { name: '联系商家', type: 'contact', icon: 'https://cashier-oss.oss-cn-beijing.aliyuncs.com/upload/1/2b0480c32c1844dbae2c09f6a729c6e8.png' }
]);
const userInfo = reactive({}); const userInfo = reactive({});
const ShopId = ref(uni.cache.get("shopId")); const ShopId = ref(uni.cache.get('shopId'));
console.log("ShopId", uni.cache.get("shopId")); console.log('ShopId', uni.cache.get('shopId'));
function tomemberList() { function tomemberList() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/user/member/list", url: '/pages/user/member/list'
}); });
} }
function tomember(item) { function tomember(item) {
uni.navigateTo({ uni.navigateTo({
url: "/user/vip/vip?shopId=" + item.shopId, url: '/user/vip/vip?shopId=' + item.shopId
}); });
} }
const clickEvent = () => { const clickEvent = () => {
if (ShopId.value) { if (ShopId.value) {
if (!userInfo.isVip) { if (!userInfo.isVip) {
uni.navigateTo({ uni.navigateTo({
url: "/user/vip/buy-vip?shopId=" + ShopId.value, url: '/user/vip/buy-vip?shopId=' + ShopId.value
}); });
} else { } else {
uni.navigateTo({ uni.navigateTo({
url: "/user/vip/vip?shopId=" + ShopId.value, url: '/user/vip/vip?shopId=' + ShopId.value
}); });
} }
@@ -312,115 +302,118 @@
// }) // })
// } // }
} else { } else {
uni.pro.navigateTo("member/list", { uni.pro.navigateTo('member/list', {
type: "user_payCode", type: 'user_payCode'
}); });
} }
}; };
// 我的资产 // 我的资产
const Myassets = () => { const Myassets = () => {
if (uni.cache.get("shopId")) { if (uni.cache.get('shopId')) {
uni.pro.navigateTo("user/member/memberdetails", { uni.pro.navigateTo('user/member/memberdetails', {
shopId: uni.cache.get("shopId"), shopId: uni.cache.get('shopId'),
type: "index", type: 'index'
}); });
} else { } else {
uni.pro.navigateTo("user/member/list", { uni.pro.navigateTo('user/member/list', {
shopId: uni.cache.get("shopId"), shopId: uni.cache.get('shopId'),
type: "index", type: 'index'
}); });
} }
}; };
function toCharge(item) { function toCharge(item) {
uni.navigateTo({ uni.navigateTo({
url: "/pages/user/member/czzx?shopId=" + item.shopId, url: '/pages/user/member/czzx?shopId=' + item.shopId
}); });
} }
function toChargeList() { function toChargeList() {
uni.navigateTo({ uni.navigateTo({
url: "/pages/user/member/amount-list", url: '/pages/user/member/amount-list'
}); });
} }
const clickTo = (item, index) => { const clickTo = (item, index) => {
if (item.url) { if (item.url) {
uni.navigateTo({ uni.navigateTo({
url: item.url, url: item.url
}); });
return; return;
} }
let shopId = null; let shopId = null;
switch (item.type) { switch (item.type) {
case "msg": case 'msg':
uni.navigateTo({ uni.navigateTo({
url: "/pageChat/index" url: '/pageChat/index'
}); });
break; break;
case "my_order": case 'my_order':
uni.pro.switchTab("order/index"); uni.pro.switchTab('order/index');
break; break;
case "my_member": case 'my_member':
uni.pro.navigateTo("user/member/list"); uni.pro.navigateTo('user/member/list');
break; break;
case "recharge": case 'recharge':
if (uni.cache.get("shopId") && uni.cache.get("token")) { if (uni.cache.get('shopId') && uni.cache.get('token')) {
uni.pro.navigateTo("member/index", { uni.pro.navigateTo('member/index', {
shopId: uni.cache.get("shopId"), shopId: uni.cache.get('shopId'),
type: "index", type: 'index'
}); });
} else { } else {
uni.pro.navigateTo("member/list", { uni.pro.navigateTo('member/list', {
type: "user_recharge", type: 'user_recharge'
}); });
} }
break; break;
case "points": //积分 case 'points': //积分
if (uni.cache.get("shopId") && uni.cache.get("token")) { if (uni.cache.get('shopId') && uni.cache.get('token')) {
uni.pro.navigateTo("/pagesPoints/index/index", { uni.pro.navigateTo('/pagesPoints/index/index', {
shopId: uni.cache.get("shopId"), shopId: uni.cache.get('shopId'),
type: "user", type: 'user'
}); });
} else { } else {
uni.pro.navigateTo("member/list", { uni.pro.navigateTo('member/list', {
type: "user_points", type: 'user_points'
}); });
} }
break; break;
case "my_coupon": //优惠券 case 'my_coupon': //优惠券
uni.pro.navigateTo("user/coupon", { uni.pro.navigateTo('user/coupon', {
shopId: uni.cache.get("shopId") || "", shopId: uni.cache.get('shopId') || ''
}); });
break; break;
case "fenxiao": //优惠券 case 'fenxiao': //优惠券
uni.navigateTo({ uni.navigateTo({
url: "/distribution/index", url: '/distribution/index'
}); });
break; break;
case "myself": //内部页面 case 'myself': //内部页面
uni.pro.navigateTo("user/myself"); uni.pro.navigateTo('user/myself');
break; break;
case "scan_applet": case 'scan_applet':
uni.navigateToMiniProgram(JSON.parse(item.value)); uni.navigateToMiniProgram(JSON.parse(item.value));
break; break;
case "absolute": //外链url case 'absolute': //外链url
uni.navigateTo({ uni.navigateTo({
url: `/pages/webview/webview?url=${item.menuUrl}`, url: `/pages/webview/webview?url=${item.menuUrl}`
}); });
break; break;
case 'contact': // 联系商家
openContact();
break;
} }
}; };
const memberList = ref([]); const memberList = ref([]);
const rechargeList = ref([]); const rechargeList = ref([]);
const memberTotal = ref(0); const memberTotal = ref(0);
const rechargeTotal = ref(0); const rechargeTotal = ref(0);
const coinTotal = ref(0); const coinTotal = ref(0);
const coinList = ref([]); const coinList = ref([]);
async function getData() { async function getData() {
const res = await vipApi.list(); const res = await vipApi.list();
memberTotal.value = res.length; memberTotal.value = res.length;
memberList.value = res.slice(0, 3); memberList.value = res.slice(0, 3);
@@ -431,102 +424,102 @@
const res3 = await pointsShopList(); const res3 = await pointsShopList();
coinTotal.value = res3.length; coinTotal.value = res3.length;
coinList.value = res3; coinList.value = res3;
} }
function toCoin(item) { function toCoin(item) {
if(item){ if (item) {
uni.navigateTo({ uni.navigateTo({
url: "/pages/user/member/billDetails?type=2&shopId="+item.shopId+"&id="+(item.id||''), url: '/pages/user/member/billDetails?type=2&shopId=' + item.shopId + '&id=' + (item.id || '')
}); });
return return;
} }
uni.navigateTo({ uni.navigateTo({
url: "/user/score/list", url: '/user/score/list'
}); });
} }
const unreadMsgCount = ref(0); const unreadMsgCount = ref(0);
const getUnReadMsgCount = async () => { const getUnReadMsgCount = async () => {
let res = await getUnReadCountReq() let res = await getUnReadCountReq();
let badge = Number(res) let badge = Number(res);
if (badge > 0) { if (badge > 0) {
uni.setTabBarBadge({ uni.setTabBarBadge({
index: 2, index: 2,
text: badge.toString() text: badge.toString()
}) });
} else { } else {
uni.removeTabBarBadge({ uni.removeTabBarBadge({
index: 2 index: 2
}) });
} }
unreadMsgCount.value = badge unreadMsgCount.value = badge;
} };
const viewUserMsgList = () => { const viewUserMsgList = () => {
uni.navigateTo({ uni.navigateTo({
url: "/pages/user/message/index" url: '/pages/user/message/index'
}) });
} };
onShow(() => { onShow(() => {
loadUserInfo() loadUserInfo();
console.log("userInfo", userInfo); console.log('userInfo', userInfo);
getData(); getData();
getUnReadMsgCount() getUnReadMsgCount();
}); });
const loadUserInfo = async () => { const loadUserInfo = async () => {
await store.actionsAPIuser(); await store.actionsAPIuser();
if (uni.cache.get("shopId")) { if (uni.cache.get('shopId')) {
Object.assign(userInfo, uni.cache.get("orderVIP")); Object.assign(userInfo, uni.cache.get('orderVIP'));
} else { } else {
Object.assign(userInfo, { Object.assign(userInfo, {
...uni.cache.get("userInfo"), ...uni.cache.get('userInfo'),
...uni.cache.get("userInfo").assetsSummary, ...uni.cache.get('userInfo').assetsSummary
}); });
} }
} };
const qrcode = ref(""); const qrcode = ref('');
const showQrcode = computed(() => { const showQrcode = computed(() => {
const followIndex = uni.cache.get("followIndex"); const followIndex = uni.cache.get('followIndex');
if (followIndex == "mine" && qrcode.value) { if (followIndex == 'mine' && qrcode.value) {
return true; return true;
} }
});
const onChooseAvatar = async (e) => {
const fileRes = await uploadFile(e.detail.avatarUrl);
updateUserInfo({
headImg: fileRes
}); });
};
const onChooseAvatar = async (e) => { const onNicknameInput = (e) => {
const fileRes = await uploadFile(e.detail.avatarUrl)
updateUserInfo({ updateUserInfo({
"headImg": fileRes nickName: e.detail.value
}) });
} };
const onNicknameInput = (e) => { const updateUserInfo = async (param) => {
updateUserInfo({ await updateUserInfoReq(param);
"nickName": e.detail.value
})
}
const updateUserInfo = async (param) => { loadUserInfo();
await updateUserInfoReq(param) };
loadUserInfo()
}
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.topBack { .topBack {
width: 100%; width: 100%;
height: 400rpx; height: 400rpx;
position: absolute; position: absolute;
} }
.myContent { .myContent {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 298rpx 0 60rpx 0; padding: 298rpx 0 60rpx 0;
@@ -668,9 +661,9 @@
} }
} }
} }
} }
.card-list { .card-list {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
column-gap: 40rpx; column-gap: 40rpx;
@@ -687,21 +680,21 @@
overflow: hidden; overflow: hidden;
} }
} }
} }
.qrcode { .qrcode {
padding: 24rpx; padding: 24rpx;
margin: 60rpx 32rpx 60rpx 32rpx; margin: 60rpx 32rpx 60rpx 32rpx;
border-radius: 18rpx; border-radius: 18rpx;
border: 2rpx solid #d9d9d9; border: 2rpx solid #d9d9d9;
} }
.qrcode-box { .qrcode-box {
position: fixed; position: fixed;
transform: translateX(200vw, 200vh); transform: translateX(200vw, 200vh);
} }
.right-icons { .right-icons {
display: flex; display: flex;
.my_info_right_qr { .my_info_right_qr {
@@ -742,5 +735,5 @@
text-align: center; text-align: center;
} }
} }
} }
</style> </style>