333 lines
15 KiB
Vue
333 lines
15 KiB
Vue
|
<style lang="scss" scoped>
|
||
|
|
.root-com {
|
||
|
|
// 功能区样式
|
||
|
|
width: 750rpx;
|
||
|
|
box-sizing: border-box;
|
||
|
|
|
||
|
|
.function-section {
|
||
|
|
//background: #1a1a1a;
|
||
|
|
border-radius: 24rpx;
|
||
|
|
margin: 0 32rpx 32rpx;
|
||
|
|
padding: 32rpx;
|
||
|
|
box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.section-title {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.section-title-left {
|
||
|
|
width: 10rpx;
|
||
|
|
height: 36rpx;
|
||
|
|
border-radius: 5rpx;
|
||
|
|
background-color: #ef8a01;
|
||
|
|
}
|
||
|
|
|
||
|
|
.title-text {
|
||
|
|
font-size: 36rpx;
|
||
|
|
font-weight: 600;
|
||
|
|
//color: #fff;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.function-grid {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: repeat(3, 1fr);
|
||
|
|
gap: 40rpx;
|
||
|
|
justify-content: center;
|
||
|
|
justify-items: center;
|
||
|
|
align-items: center;
|
||
|
|
align-content: center;
|
||
|
|
|
||
|
|
.function-item {
|
||
|
|
width: 90%;
|
||
|
|
|
||
|
|
//cursor: pointer;
|
||
|
|
|
||
|
|
.function-item-i {
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
.item-icon {
|
||
|
|
width: 80rpx;
|
||
|
|
height: 80rpx;
|
||
|
|
border-radius: 20rpx;
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
margin-bottom: 16rpx;
|
||
|
|
border: 2rpx solid #444;
|
||
|
|
}
|
||
|
|
|
||
|
|
.icon-text {
|
||
|
|
font-size: 36rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item-title {
|
||
|
|
font-size: 24rpx;
|
||
|
|
//color: #ccc;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<template>
|
||
|
|
<view class="root-com">
|
||
|
|
<view class="function-section">
|
||
|
|
<view class="section-title">
|
||
|
|
<view class="section-title-left"></view>
|
||
|
|
<view class="line-widht-number" style="width: 8rpx"></view>
|
||
|
|
<view class="title-text">我的服务</view>
|
||
|
|
</view>
|
||
|
|
<wd-divider></wd-divider>
|
||
|
|
<view class="function-grid">
|
||
|
|
<view v-for="item in functionList" :key="item.id" class="function-item"
|
||
|
|
@click="点击各项的服务(item)">
|
||
|
|
<view class="function-item-i" v-if="item.is_show">
|
||
|
|
<view class="item-icon">
|
||
|
|
<text class="icon-text">{{ item.icon }}</text>
|
||
|
|
</view>
|
||
|
|
<text class="item-title">{{ item.title }}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<wd-divider></wd-divider>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
<wd-toast selector="default-toast"/>
|
||
|
|
<wd-message-box selector="default-message-box"/>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
|
||
|
|
<script lang="ts" setup>
|
||
|
|
import {watchEffect, ref} from "vue";
|
||
|
|
import {useMessage, useToast} from "wot-design-uni";
|
||
|
|
import {useRequest} from "@uni-helper/uni-use";
|
||
|
|
import {用工关系_更新用工关系绑定关系数据, 用工关系_用户提交绑定成功后更新数据} from "@/hooks/接口API";
|
||
|
|
import {useMainXiaoStore} from "@/stores/piniaPro/miniChatStore";
|
||
|
|
import type {miniUserInfo} from "@/hooks/mini用户类型";
|
||
|
|
import {get获取用户当前位置信息} from "@/hooks/获取用户定位信息";
|
||
|
|
|
||
|
|
defineOptions({options: {styleIsolation: "shared"}, name: "me-com-user-server"});
|
||
|
|
|
||
|
|
let toast = useToast("default-toast");
|
||
|
|
let message = useMessage("default-message-box");
|
||
|
|
let xiaoMain = useMainXiaoStore();
|
||
|
|
const getUser用户位置 = new get获取用户当前位置信息(<string>xiaoMain.mini_openid, <string>xiaoMain.mini_unionid);
|
||
|
|
|
||
|
|
interface FunctionItem {
|
||
|
|
id: number;
|
||
|
|
title: "订单查询" | "我的收藏" | "收件地址" | "我的卡券" | "积分管理" | "投诉建议" | "同城服务" | "订阅消息" | "加入我们";
|
||
|
|
icon: string;
|
||
|
|
path?: string;
|
||
|
|
is_show: boolean;
|
||
|
|
}
|
||
|
|
|
||
|
|
async function 发起订阅消息事件(): Promise<void> {
|
||
|
|
try {
|
||
|
|
let tempId = "RvGf7wyALX4djhBgeIp6jqlfAKNzd_weXRFEd1P54fk";
|
||
|
|
let requestSubscribeMessageSuccessCallbackResult = await wx.requestSubscribeMessage({tmplIds: ["RvGf7wyALX4djhBgeIp6jqlfAKNzd_weXRFEd1P54fk"]});
|
||
|
|
|
||
|
|
if (requestSubscribeMessageSuccessCallbackResult[tempId] === "accept") {
|
||
|
|
// 允许后的操作
|
||
|
|
toast.success({msg: "订阅成功", position: "middle"});
|
||
|
|
// 订阅成功后 的操作,需要往后台发送请求,来记录用户操作成功了次数
|
||
|
|
// let apiData = await instance.post<ApiAxiosResponse<Array<string>>>("/submsg/add_messages/", {
|
||
|
|
// self_mini_openid: xiaoMain.mini_openid, self_mini_unionid: xiaoMain.mini_unionid,
|
||
|
|
// });
|
||
|
|
}
|
||
|
|
if (requestSubscribeMessageSuccessCallbackResult[tempId] === "reject") {
|
||
|
|
// 拒绝后的结果
|
||
|
|
// 引导用户再打开设置
|
||
|
|
let messages = await message.confirm({msg: "可以即时获得积分开团中奖信息", title: "订阅消息授权"});
|
||
|
|
console.log(messages.action);
|
||
|
|
if (messages.action === "confirm") {
|
||
|
|
console.log("点击了确认");
|
||
|
|
let openSettingSuccessCallbackResult = await wx.openSetting({withSubscriptions: true});
|
||
|
|
console.log(openSettingSuccessCallbackResult, "🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 ");
|
||
|
|
if (openSettingSuccessCallbackResult.subscriptionsSetting.itemSettings?.[tempId] === "accept") {
|
||
|
|
// 发起订阅事件,一定要是点击的事件,这样调用是不起作用的
|
||
|
|
// let messageResult = await message.alert( { msg: "确认订阅", title: "授权成功" } );
|
||
|
|
// if ( messageResult.action === "confirm" ) {
|
||
|
|
// let requestSubscribeMessageSuccessCallbackResult = await wx.requestSubscribeMessage( { tmplIds: [ "RvGf7wyALX4djhBgeIp6jqlfAKNzd_weXRFEd1P54fk" ] } );
|
||
|
|
// console.log( "🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 ", requestSubscribeMessageSuccessCallbackResult );
|
||
|
|
// }
|
||
|
|
//
|
||
|
|
}
|
||
|
|
if (openSettingSuccessCallbackResult.subscriptionsSetting.itemSettings?.[tempId] === "reject") {
|
||
|
|
toast.error({msg: "授权已拒绝", position: "middle"});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
} catch (e) {
|
||
|
|
let getSettingSuccessCallbackResult = await wx.getSetting({withSubscriptions: true});
|
||
|
|
if (getSettingSuccessCallbackResult.subscriptionsSetting.mainSwitch) {
|
||
|
|
// 如里这里为真则表示用户是打开了订阅配置的
|
||
|
|
console.log("🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏总开关是打开的 ");
|
||
|
|
}
|
||
|
|
if (!getSettingSuccessCallbackResult.subscriptionsSetting.mainSwitch) {
|
||
|
|
// 在这里需要用户打开设置页面
|
||
|
|
let messages = await message.confirm({msg: "可以即时获得积分开团中奖信息", title: "订阅消息授权"});
|
||
|
|
if (messages.action === "confirm") {
|
||
|
|
console.log("点击了确认");
|
||
|
|
let openSettingSuccessCallbackResult = await wx.openSetting({withSubscriptions: true});
|
||
|
|
console.log(openSettingSuccessCallbackResult.subscriptionsSetting, "🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 为什么啊");
|
||
|
|
let getSettingSuccessCallbackResult = await wx.getSetting({withSubscriptions: true});
|
||
|
|
console.log(getSettingSuccessCallbackResult, "🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 🍊 🍎 🍏 ");
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
const functionList = ref<FunctionItem[]>([
|
||
|
|
{id: 1, title: "订单查询", icon: "📦", is_show: true},
|
||
|
|
{id: 6, title: "积分管理", icon: "💰", is_show: true},
|
||
|
|
{id: 3, title: "收件地址", icon: "📍", is_show: true},
|
||
|
|
{id: 7, title: "投诉建议", icon: "💬", is_show: true},
|
||
|
|
{id: 5, title: "加入我们", icon: "🤝", is_show: true},
|
||
|
|
{id: 2, title: "同城服务", icon: "🏛️", is_show: true},
|
||
|
|
{id: 4, title: "订阅消息", icon: "📪", is_show: false},
|
||
|
|
]);
|
||
|
|
// 监听绑定状态变化，动态更新“加入我们”的显示
|
||
|
|
watchEffect(() => {
|
||
|
|
|
||
|
|
for (let item of functionList.value) {
|
||
|
|
if (item.title === "同城服务") {
|
||
|
|
if (xiaoMain.mini_user_data?.user_区县) {
|
||
|
|
item.is_show = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
if (item.title === "加入我们") {
|
||
|
|
if (xiaoMain.mini_user_data?.user_绑定用工关系 === "用工关系已绑定") {
|
||
|
|
item.is_show = false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
async function 点击各项的服务(item: FunctionItem): Promise<void> {
|
||
|
|
//
|
||
|
|
if (item.title === "收件地址") {
|
||
|
|
// 进入我的地址页面
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
uni.navigateTo({url: "/subPackages/homeSubPages/用户配送地址页面/用户配送地址页面"}).then().catch(() => wx.reLaunch({url: "/pageTabBar/Home/Home"}));
|
||
|
|
}
|
||
|
|
if (item.title === "订单查询") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
uni.navigateTo({url: "/subPackages/homeSubPages/订单数据页面/订单数据页面"}).then(() => {
|
||
|
|
}).catch(() => wx.reLaunch({url: "/pageTabBar/Home/Home"}));
|
||
|
|
}
|
||
|
|
if (item.title === "投诉建议") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
wx.openCustomerServiceChat({
|
||
|
|
// 连接的 (投诉建议客服)
|
||
|
|
extInfo: {url: "https://work.weixin.qq.com/kfid/kfc1a1611bf703deccf"}, corpId: "wwbe6369dc26a9d83a",
|
||
|
|
success: (res) => {
|
||
|
|
|
||
|
|
},
|
||
|
|
fail: (res) => {
|
||
|
|
console.log(res);
|
||
|
|
},
|
||
|
|
},
|
||
|
|
);
|
||
|
|
}
|
||
|
|
if (item.title === "加入我们") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
wx.checkEmployeeRelation({
|
||
|
|
success(res) {
|
||
|
|
console.log("绑定状态:", res.bindingStatus);
|
||
|
|
if (res.bindingStatus === "accept") {
|
||
|
|
console.log("这里表示已经绑定成功了");
|
||
|
|
useRequest(用工关系_更新用工关系绑定关系数据, {
|
||
|
|
method: "POST", data: {
|
||
|
|
self_mini_openid: xiaoMain.mini_openid, self_mini_unionid: xiaoMain.mini_unionid,
|
||
|
|
}
|
||
|
|
}).then((data) => {
|
||
|
|
console.log(data);
|
||
|
|
xiaoMain.mini_user_data = data.data.value;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (res.bindingStatus === "reject") {
|
||
|
|
wx.showModal({
|
||
|
|
title: "温馨提示",
|
||
|
|
content: "您之前拒绝了员工绑定，重新绑定需要联系客服",
|
||
|
|
confirmText: "重新绑定",
|
||
|
|
cancelText: "暂不绑定",
|
||
|
|
success(modalRes) {
|
||
|
|
console.log(modalRes);
|
||
|
|
if (modalRes.confirm) {
|
||
|
|
// 重新调绑定（必须在用户点击事件里）
|
||
|
|
wx.bindEmployeeRelation({
|
||
|
|
tmplIds: ["SFFgGF1bN56_KNd_4HicCFBBfu2PCRwCyQ5upr-EVk9Vdyl4wyyQ7B1mJvjceR29"],
|
||
|
|
success: (res) => {
|
||
|
|
console.log(res.errMsg);
|
||
|
|
console.log("🍎 🍏 🍎 🍏 🍎 🍏 🍎 🍏 ", res);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (modalRes.cancel) {
|
||
|
|
console.log("🍎 🍏 🍎 🍏 🍎 🍏 🍎 🍏 用户拒绝了 ", modalRes.cancel);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
if (res.bindingStatus === "") {
|
||
|
|
// 这里表示用户,未绑定且未拒绝
|
||
|
|
console.log("🍎 🍏 🍎 🍏 🍎 🍏 🍎 🍏 当前的状态 这里表示用户,未绑定且未拒绝 ",);
|
||
|
|
wx.bindEmployeeRelation({
|
||
|
|
tmplIds: ["SFFgGF1bN56_KNd_4HicCFBBfu2PCRwCyQ5upr-EVk9Vdyl4wyyQ7B1mJvjceR29"],
|
||
|
|
success: (res) => {
|
||
|
|
console.log(res.errMsg);
|
||
|
|
console.log("🍎 🍏 🍎 🍏 🍎 🍏 🍎 🍏", res);
|
||
|
|
useRequest<miniUserInfo>(用工关系_用户提交绑定成功后更新数据, {
|
||
|
|
method: "POST", data: {
|
||
|
|
self_mini_openid: xiaoMain.mini_openid,
|
||
|
|
self_mini_unionid: xiaoMain.mini_unionid,
|
||
|
|
}
|
||
|
|
}).then(res => {
|
||
|
|
xiaoMain.mini_user_data = res.data.value;
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
}
|
||
|
|
},
|
||
|
|
fail: (res) => {
|
||
|
|
console.log("捕获错误❌❌❌❌❌❌", res);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
if (item.title === "订阅消息") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});//medium heavy light
|
||
|
|
|
||
|
|
}
|
||
|
|
if (item.title === "同城服务") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
// 在这里提醒用户发起位置授权
|
||
|
|
await getUser用户位置.getUserLocation();
|
||
|
|
|
||
|
|
}
|
||
|
|
if (item.title === "积分管理") {
|
||
|
|
await wx.vibrateShort({type: "heavy"});
|
||
|
|
uni.navigateTo({url: "/subPackages/homeSubPages/用户积分页面/用户积分页面"}).then().catch(() => wx.reLaunch({url: "/pageTabBar/Home/Home"}));
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|