update 营业状态
This commit is contained in:
qijq
parent
fb7b940831
commit
228a8360d5
@ -4,23 +4,27 @@
|
||||
"version" : "0.0",
|
||||
"configurations" : [
|
||||
{
|
||||
"app-plus" : {
|
||||
"app-plus" :
|
||||
{
|
||||
"launchtype" : "remote"
|
||||
},
|
||||
"default" :
|
||||
{
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"default" : {
|
||||
"h5" :
|
||||
{
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"h5" : {
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"mp-weixin" : {
|
||||
"mp-weixin" :
|
||||
{
|
||||
"launchtype" : "local"
|
||||
},
|
||||
"provider" : "aliyun",
|
||||
"type" : "uniCloud"
|
||||
},
|
||||
{
|
||||
"playground" : "standard",
|
||||
"playground" : "custom",
|
||||
"type" : "uni-app:app-android"
|
||||
},
|
||||
{
|
||||
|
||||
@ -3,7 +3,6 @@
|
||||
import APPUpdate, { getCurrentNo } from "@/config/appUpdate";
|
||||
// #endif
|
||||
import { mapState, mapActions } from "vuex";
|
||||
import GtPush from "@/utils/gtpush-min.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
@ -12,6 +11,8 @@ export default {
|
||||
},
|
||||
onLaunch: function () {
|
||||
uni.setStorageSync("isImSound", true);
|
||||
|
||||
this.globalData.isAppActive = true;
|
||||
// #ifdef APP-PLUS
|
||||
getCurrentNo((res) => {
|
||||
this.version = res.version;
|
||||
@ -22,52 +23,27 @@ export default {
|
||||
this.onAPPUpdate();
|
||||
}
|
||||
|
||||
// plus.push.addEventListener("click", function (msg) {
|
||||
// if (permision.isIOS) {
|
||||
// console.log("ios:click收到" + JSON.parse(JSON.stringify(msg)).payload);
|
||||
// var obj = JSON.parse(JSON.stringify(msg)).payload;
|
||||
// that.toPushMessagePage(obj.data ? obj.data : obj);
|
||||
// } else {
|
||||
// console.log("安卓:click收到" + JSON.parse(JSON.stringify(msg)));
|
||||
// var obj = JSON.parse(JSON.stringify(msg)).payload;
|
||||
// that.toPushMessagePage(obj.data ? obj.data : obj);
|
||||
// }
|
||||
// });
|
||||
// plus.push.addEventListener("receive", (message) => {
|
||||
// console.log("receive收到");
|
||||
// //收到透传消息，执行该事件
|
||||
// let payload = message.payload; //自定义内容获取
|
||||
// let text = message.payload.text;
|
||||
|
||||
// if (permision.isIOS) {
|
||||
// console.log("ios:receive收到");
|
||||
// let payload = message.payload; //自定义内容获取
|
||||
// let text = message.content;
|
||||
// that.createLocalMessage(text, payload);
|
||||
// } else {
|
||||
// console.log("安卓收到");
|
||||
// that.toPushMessagePage(payload);
|
||||
// }
|
||||
// });
|
||||
|
||||
this.initAppOrderPush();
|
||||
// #endif
|
||||
|
||||
// #ifdef H5
|
||||
this.initH5OrderPush();
|
||||
// #endif
|
||||
},
|
||||
computed: {
|
||||
...mapState("user", ["uid", "userInfo", "socket"]),
|
||||
},
|
||||
onShow: function () {
|
||||
this.globalData.isAppActive = true;
|
||||
|
||||
setTimeout(() => {
|
||||
if (this.userInfo && Object.keys(this.userInfo).length > 0) {
|
||||
this.connectSocket(this.userInfo);
|
||||
}
|
||||
});
|
||||
},
|
||||
onHide: function () {},
|
||||
onHide: function () {
|
||||
this.globalData.isAppActive = false;
|
||||
},
|
||||
globalData: {
|
||||
isAppActive: false,
|
||||
},
|
||||
onBackPress: function () {},
|
||||
methods: {
|
||||
...mapActions("user", ["connectSocket"]),
|
||||
@ -91,45 +67,21 @@ export default {
|
||||
);
|
||||
});
|
||||
},
|
||||
|
||||
initH5OrderPush() {
|
||||
let _this = this;
|
||||
GtPush.setDebugMode(true);
|
||||
GtPush.init({
|
||||
appid: "KXgzOaKSzd5HG3p9IPaVa8",
|
||||
onClientId: (res) => {
|
||||
console.log("onClientId = " + res.cid);
|
||||
_this.cid = res.cid;
|
||||
},
|
||||
onlineState: (res) => {
|
||||
console.log("onlineState = " + res.online);
|
||||
_this.online = res.online;
|
||||
},
|
||||
onPushMsg: (res) => {
|
||||
console.log("onPushMsg = " + res.message);
|
||||
_this.messages += "onPushMsg: " + res.message + "\n";
|
||||
},
|
||||
onError: (res) => {
|
||||
_this.messages += "onError: " + res.error + "\n";
|
||||
},
|
||||
});
|
||||
},
|
||||
async initAppOrderPush() {
|
||||
var pinf = plus.push.getClientInfo();
|
||||
var cid = pinf.clientid; //客户端标识
|
||||
|
||||
console.log("当前机子CID：", cid);
|
||||
|
||||
plus.push.getClientInfoAsync((info) => {
|
||||
let cid = info["clientid"];
|
||||
console.log("当前机子CID：", cid);
|
||||
initAppOrderPush() {
|
||||
uni.getPushClientId({
|
||||
success: (res) => {
|
||||
var push_clientid = res.cid;
|
||||
console.log("客户端推送标识cid:", push_clientid);
|
||||
uni.showToast({
|
||||
title: push_clientid,
|
||||
icon: "success",
|
||||
duration: 1000,
|
||||
});
|
||||
|
||||
let res = await this.getCidAsync();
|
||||
console.log("getCidAsync", res);
|
||||
console.log(push_clientid);
|
||||
|
||||
uni.setClipboardData({
|
||||
data: cid, // 需要复制的内容
|
||||
data: push_clientid, // 需要复制的内容
|
||||
success: () => {
|
||||
// 成功提示框显示 1 秒钟
|
||||
uni.showToast({
|
||||
@ -147,49 +99,39 @@ export default {
|
||||
});
|
||||
},
|
||||
});
|
||||
},
|
||||
fail(err) {
|
||||
console.log(err);
|
||||
},
|
||||
});
|
||||
|
||||
// uni.showToast({
|
||||
// title: cid,
|
||||
// icon: "success",
|
||||
// duration: 20000,
|
||||
// });
|
||||
uni.onPushMessage((res) => {
|
||||
console.log("收到推送消息：", res); //监听推送消息
|
||||
|
||||
if (res.data) {
|
||||
const app = getApp();
|
||||
if (!app.globalData.isAppActive) {
|
||||
// 读取历史数据
|
||||
const ordrPushHistoryList =
|
||||
uni.getStorageSync("PUSH_MSG_DATA") || [];
|
||||
// 追加新数据（确保 historyList 是数组）
|
||||
const newList = Array.isArray(ordrPushHistoryList)
|
||||
? [...ordrPushHistoryList, res.data]
|
||||
: [res.data];
|
||||
// 存储更新后的数组
|
||||
uni.setStorageSync("PUSH_MSG_DATA", newList);
|
||||
// 创建通知
|
||||
uni.createPushMessage(res.data);
|
||||
} else {
|
||||
console.log("应用已打开，直接处理消息");
|
||||
// 可以在这里直接更新 UI
|
||||
this.$store.dispatch("order/orderPush", res.data);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
const _self = this;
|
||||
//监听系统通知栏消息点击事件
|
||||
plus.push.addEventListener(
|
||||
"click",
|
||||
function (message) {
|
||||
//处理点击消息的业务逻辑代码
|
||||
console.log(message);
|
||||
plus.nativeUI.toast("click:" + JSON.stringify(message));
|
||||
//plus.nativeUI.toast('push click');
|
||||
_self._handlePush(message);
|
||||
uni.showToast({
|
||||
title: message,
|
||||
icon: "none",
|
||||
duration: 1000,
|
||||
});
|
||||
},
|
||||
false
|
||||
);
|
||||
|
||||
//监听接收透传消息事件
|
||||
plus.push.addEventListener(
|
||||
"receive",
|
||||
function (message) {
|
||||
console.log(message);
|
||||
plus.nativeUI.toast("receive:" + JSON.stringify(message));
|
||||
//处理透传消息的业务逻辑代码
|
||||
//plus.nativeUI.toast('push receive');
|
||||
_self._handlePush(message);
|
||||
uni.showToast({
|
||||
title: message,
|
||||
icon: "none",
|
||||
duration: 1000,
|
||||
});
|
||||
},
|
||||
false
|
||||
);
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
@ -13,6 +13,6 @@ export function UpdateStoreBizState(params) {
|
||||
url: "shop/shop-store-base/update/storeBizState",
|
||||
method: "post",
|
||||
baseURL: config.adminApi,
|
||||
data: params,
|
||||
params,
|
||||
});
|
||||
}
|
||||
|
||||
@ -71,13 +71,13 @@
|
||||
"maps" : {},
|
||||
"push" : {
|
||||
"igexin" : {
|
||||
"appid": "KXgzOaKSzd5HG3p9IPaVa8",
|
||||
"appkey": "neXXX9r1Tc7gMxN2PIcHA1",
|
||||
"appsecret": "aQQys9eufd8KHH1Y0kfQm6"
|
||||
"appid" : "rQxaGAKl7t83KlTubAaKC3",
|
||||
"appkey" : "QSElTn6ttq5nmrIZtFhCT",
|
||||
"appsecret" : "zbC1MMuzaf7kW91fdhm9v8"
|
||||
},
|
||||
"unipush" : {
|
||||
"version" : "2",
|
||||
"offline": true,
|
||||
"offline" : false,
|
||||
"hms" : {},
|
||||
"oppo" : {},
|
||||
"vivo" : {},
|
||||
@ -175,3 +175,4 @@
|
||||
"vueVersion" : "2"
|
||||
}
|
||||
/* 5+App特有相关 */
|
||||
|
||||
|
||||
@ -144,11 +144,17 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/businessStatus",
|
||||
"path": "pages/my/storeBusinessStatus/businessStatus",
|
||||
"style": {
|
||||
"navigationBarTitleText": "营业状态"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/storeBusinessStatus/updateBusinessTime",
|
||||
"style": {
|
||||
"navigationBarTitleText": "修改营业时间"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/my/contract",
|
||||
"style": {
|
||||
|
||||
@ -166,7 +166,7 @@
|
||||
auditInfo.store_status == 1
|
||||
"
|
||||
>
|
||||
<view class="img-shop-init"></view>
|
||||
<view class="img-independent-account"></view>
|
||||
<view class="tips">店铺创建成功，系统正在处理分账业务申请</view>
|
||||
</view>
|
||||
<!--创建店铺失败-->
|
||||
@ -1449,6 +1449,16 @@ export default {
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.img-independent-account {
|
||||
margin: 0 auto;
|
||||
margin-top: 17%;
|
||||
margin-bottom: 20%;
|
||||
width: 400rpx;
|
||||
height: 400rpx;
|
||||
background-image: url("../../static/independent-account.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
.tips {
|
||||
margin-bottom: 24rpx;
|
||||
text-align: center;
|
||||
|
||||
@ -133,7 +133,7 @@
|
||||
|
||||
<view class="btn-content">
|
||||
<view class="myui_check_text">检查并确认店铺信息无误</view>
|
||||
<u-button text="下一步" color="#fe4119" @click="handleNext"></u-button>
|
||||
<u-button text="下一步" class="btn-next" @click="handleNext"></u-button>
|
||||
</view>
|
||||
|
||||
<u-toast ref="uToast" />
|
||||
@ -473,5 +473,11 @@ export default {
|
||||
background: $base-color;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.btn-next {
|
||||
background: $base-color;
|
||||
color: #fff;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -45,6 +45,14 @@ export default {
|
||||
methods: {
|
||||
...mapActions("user", ["checkAccountIsPass"]),
|
||||
skipuLogin() {
|
||||
// uni.switchTab({
|
||||
// url: "/pages/order/order",
|
||||
// });
|
||||
|
||||
// uni.navigateTo({
|
||||
// url: "/pages/my/businessStatus",
|
||||
// });
|
||||
|
||||
uni.navigateTo({
|
||||
url: "/pages/login/login",
|
||||
});
|
||||
@ -100,11 +108,13 @@ export default {
|
||||
.btn {
|
||||
width: 280rpx;
|
||||
height: 80rpx;
|
||||
border-radius: 12rpx;
|
||||
border: none;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.btn-register {
|
||||
background: $base-color;
|
||||
background: $base-btn-bg-color;
|
||||
color: #fff;
|
||||
|
||||
&::after {
|
||||
|
||||
@ -1,152 +0,0 @@
|
||||
<template>
|
||||
<view class="businessStatus-container">
|
||||
<view class="business-contetn">
|
||||
<view class="title">营业状态</view>
|
||||
<view class="business-box">
|
||||
<view class="business-status">
|
||||
<view class="status-name">店铺正常营业中</view>
|
||||
<view class="business-time">
|
||||
营业时间：{{ dashboardInfo.store_info.info.store_opening_hours }} -
|
||||
{{ dashboardInfo.store_info.info.store_close_hours }}
|
||||
</view>
|
||||
</view>
|
||||
<u-switch
|
||||
v-model="dashboardInfo.store_info.store_biz_state"
|
||||
activeColor="#5ac725"
|
||||
inactiveColor="#f56c6c"
|
||||
:activeValue="1"
|
||||
:inactiveValue="2"
|
||||
@change="handerUpdateStoreBizState"
|
||||
></u-switch>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { GetAccountDashboard } from "../../api/user";
|
||||
import { UpdateStoreBizState } from "../../api/store";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dashboardInfo: {
|
||||
data: {},
|
||||
notice: {},
|
||||
order: {
|
||||
yestoday_num: 0,
|
||||
},
|
||||
product: {
|
||||
illegal_num: 0,
|
||||
normal_num: 0,
|
||||
off_num: 0,
|
||||
total_num: 0,
|
||||
verify_passed_off_num: 0,
|
||||
verify_refused_num: 0,
|
||||
verify_waiting_num: 0,
|
||||
},
|
||||
return: {
|
||||
fin_num: 0,
|
||||
review_num: 0,
|
||||
total_num: 0,
|
||||
un_fin_num: 0,
|
||||
},
|
||||
store_info: {
|
||||
store_id: 1,
|
||||
store_name: "",
|
||||
store_biz_state: 1,
|
||||
info: {
|
||||
store_opening_hours: "",
|
||||
store_close_hours: "",
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
this.getAccountDashboard();
|
||||
},
|
||||
methods: {
|
||||
async getAccountDashboard() {
|
||||
let res = await GetAccountDashboard();
|
||||
if (res && res.status == 200) {
|
||||
uni.setStorageSync("accountDashboard", res.data);
|
||||
this.dashboardInfo = res.data;
|
||||
}
|
||||
},
|
||||
async handerUpdateStoreBizState(e) {
|
||||
let params = {
|
||||
store_id: this.dashboardInfo.store_info.store_id,
|
||||
store_biz_state: e,
|
||||
};
|
||||
|
||||
if (e == 2) {
|
||||
uni.showModal({
|
||||
title: "提示",
|
||||
content: "你确定要暂时关闭店铺营业?",
|
||||
success: async (res) => {
|
||||
if (res.confirm) {
|
||||
let res = await UpdateStoreBizState(params);
|
||||
if (res && res.status == 200) {
|
||||
uni.showToast({
|
||||
title: `关闭成功`,
|
||||
icon: "error",
|
||||
duration: 1000,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
});
|
||||
} else {
|
||||
let res = await UpdateStoreBizState(params);
|
||||
if (res && res.status == 200) {
|
||||
uni.showToast({
|
||||
title: `打开成功`,
|
||||
icon: "error",
|
||||
duration: 1000,
|
||||
});
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.businessStatus-container {
|
||||
.business-contetn {
|
||||
margin: 40rpx 20rpx;
|
||||
background: #fff;
|
||||
border-radius: 12rpx;
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
.title {
|
||||
padding: 20rpx 32rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.business-status {
|
||||
.status-name {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #5ac725;
|
||||
position: absolute;
|
||||
right: 25%;
|
||||
top: 36%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-box {
|
||||
padding: 20rpx 32rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -204,7 +204,7 @@ export default {
|
||||
},
|
||||
skipuBusinessStatus() {
|
||||
uni.navigateTo({
|
||||
url: "/pages/my/businessStatus",
|
||||
url: "/pages/my/storeBusinessStatus/businessStatus",
|
||||
});
|
||||
},
|
||||
},
|
||||
|
||||
@ -0,0 +1,504 @@
|
||||
<template>
|
||||
<view class="businessStatus-container">
|
||||
<view class="hander">
|
||||
<view class="store-logo">
|
||||
<u--image
|
||||
:src="
|
||||
dashboardInfo.store_info.store_logo || '../../static/user-img.png'
|
||||
"
|
||||
shape="circle"
|
||||
width="100"
|
||||
height="100"
|
||||
></u--image>
|
||||
</view>
|
||||
<view class="store-name">{{ dashboardInfo.store_info.store_name }}</view>
|
||||
</view>
|
||||
|
||||
<view class="business-contetn">
|
||||
<view class="title">
|
||||
<view
|
||||
:class="[
|
||||
'status',
|
||||
{
|
||||
'open-business': dashboardInfo.store_info.store_biz_state == 1,
|
||||
'close-business': dashboardInfo.store_info.store_biz_state == 2,
|
||||
},
|
||||
]"
|
||||
>
|
||||
{{
|
||||
dashboardInfo.store_info.store_biz_state == 1 ? "营业中" : "停业中"
|
||||
}}
|
||||
</view>
|
||||
<view class="tips">本店停业中，不会自动恢复营业。</view>
|
||||
</view>
|
||||
<view class="business-box">
|
||||
<u-cell-group :border="false" class="business-time-content">
|
||||
<u-cell
|
||||
:rightIconStyle="{ fontSize: '24rpx' }"
|
||||
isLink
|
||||
url="/pages/my/storeBusinessStatus/updateBusinessTime"
|
||||
title="营业时间"
|
||||
:label="businessTime"
|
||||
:border="false"
|
||||
></u-cell>
|
||||
</u-cell-group>
|
||||
</view>
|
||||
</view>
|
||||
<view class="businees-bottom">
|
||||
<view class="bottom-tips">
|
||||
恢复营业后，系统会根据营业时间自动切换营业中、已打烊状态。
|
||||
</view>
|
||||
<u-button
|
||||
:class="[
|
||||
'btn-update-status',
|
||||
{
|
||||
'btn-update-status-bg':
|
||||
dashboardInfo.store_info.store_biz_state == 2,
|
||||
},
|
||||
]"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="showBusinessPopup"
|
||||
>
|
||||
{{
|
||||
dashboardInfo.store_info.store_biz_state == 1
|
||||
? "停止营业"
|
||||
: "恢复营业"
|
||||
}}
|
||||
</u-button>
|
||||
</view>
|
||||
<u-popup class="businees-popup" :show="showPopup" mode="center">
|
||||
<view class="businees-popup-content">
|
||||
<view
|
||||
:class="[
|
||||
'popup-logo',
|
||||
{
|
||||
'popup-logo-filter':
|
||||
dashboardInfo.store_info.store_biz_state == 1,
|
||||
},
|
||||
]"
|
||||
></view>
|
||||
<view class="businees-name">
|
||||
{{
|
||||
dashboardInfo.store_info.store_biz_state == 2 ? "恢复" : "停止"
|
||||
}}营业
|
||||
</view>
|
||||
<view class="businees-tips-1">
|
||||
确认将门店
|
||||
<text class="store-name">
|
||||
"{{ dashboardInfo.store_info.store_name }}"
|
||||
</text>
|
||||
恢复营业吗?
|
||||
</view>
|
||||
<view class="businees-tips-2">
|
||||
<text v-if="dashboardInfo.store_info.store_biz_state == 2">
|
||||
恢复营业后门店将在营业时间内接收订单，请提前 做好准备
|
||||
</text>
|
||||
<text v-if="dashboardInfo.store_info.store_biz_state == 1">
|
||||
停业后门店将不再接收新订单
|
||||
</text>
|
||||
</view>
|
||||
<view class="popup-btn-list">
|
||||
<u-button
|
||||
class="btn-item"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="closeStoreBusinessStatus"
|
||||
>
|
||||
取消
|
||||
</u-button>
|
||||
<u-button
|
||||
v-if="dashboardInfo.store_info.store_biz_state == 2"
|
||||
class="btn-item btn-item-2"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="handerUpdateStoreBizState(1)"
|
||||
>
|
||||
恢复营业
|
||||
</u-button>
|
||||
<u-button
|
||||
v-if="dashboardInfo.store_info.store_biz_state == 1"
|
||||
class="btn-item btn-item-2"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="handerUpdateStoreBizState(2)"
|
||||
>
|
||||
停止营业
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
<u-popup class="inform-popup" :show="showInformPopup" mode="center">
|
||||
<view class="inform-popup-content">
|
||||
<view class="inform-popup-title">已停止营业</view>
|
||||
<view class="inform-popup-tips">
|
||||
当前商家从现在起不接收新订单，手动 恢复营业后可正常接收新订单
|
||||
</view>
|
||||
<view class="popup-btn-list">
|
||||
<u-button
|
||||
class="btn-item"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="showInformPopup = false"
|
||||
>
|
||||
取消
|
||||
</u-button>
|
||||
<u-button
|
||||
class="btn-item btn-item-2"
|
||||
:hairline="true"
|
||||
:plain="true"
|
||||
shape="circle"
|
||||
@click="showInformPopup = false"
|
||||
>
|
||||
我知道了
|
||||
</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</u-popup>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { GetAccountDashboard } from "../../../api/user";
|
||||
import { UpdateStoreBizState } from "../../../api/store";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
dashboardInfo: {
|
||||
data: {},
|
||||
notice: {},
|
||||
order: {
|
||||
yestoday_num: 0,
|
||||
},
|
||||
product: {
|
||||
illegal_num: 0,
|
||||
normal_num: 0,
|
||||
off_num: 0,
|
||||
total_num: 0,
|
||||
verify_passed_off_num: 0,
|
||||
verify_refused_num: 0,
|
||||
verify_waiting_num: 0,
|
||||
},
|
||||
return: {
|
||||
fin_num: 0,
|
||||
review_num: 0,
|
||||
total_num: 0,
|
||||
un_fin_num: 0,
|
||||
},
|
||||
store_info: {
|
||||
store_id: 1,
|
||||
store_name: "",
|
||||
store_biz_state: 1,
|
||||
info: {
|
||||
store_opening_hours: "",
|
||||
store_close_hours: "",
|
||||
},
|
||||
},
|
||||
},
|
||||
showPopup: false,
|
||||
showInformPopup: false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
businessTime() {
|
||||
return `${this.dashboardInfo.store_info.info.store_opening_hours}-${this.dashboardInfo.store_info.info.store_close_hours}`;
|
||||
},
|
||||
},
|
||||
onShow() {
|
||||
this.getAccountDashboard();
|
||||
},
|
||||
methods: {
|
||||
async getAccountDashboard() {
|
||||
let res = await GetAccountDashboard();
|
||||
if (res && res.status == 200) {
|
||||
uni.setStorageSync("accountDashboard", res.data);
|
||||
this.dashboardInfo = res.data;
|
||||
}
|
||||
},
|
||||
async handerUpdateStoreBizState(status) {
|
||||
let params = {
|
||||
store_id: this.dashboardInfo.store_info.store_id,
|
||||
store_biz_state: status,
|
||||
};
|
||||
|
||||
let res = await UpdateStoreBizState(params);
|
||||
if (res && res.status == 200) {
|
||||
if (status == 2) {
|
||||
this.showInformPopup = true;
|
||||
}
|
||||
}
|
||||
this.getAccountDashboard();
|
||||
this.showPopup = false;
|
||||
},
|
||||
showBusinessPopup() {
|
||||
this.showPopup = true;
|
||||
},
|
||||
closeStoreBusinessStatus() {
|
||||
this.showPopup = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/styles/variables.scss";
|
||||
.businessStatus-container {
|
||||
background: #fafafa;
|
||||
height: calc(100vh - 88rpx);
|
||||
|
||||
.hander {
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
align-items: center;
|
||||
padding: 60rpx 0 28rpx;
|
||||
|
||||
.store-logo {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.store-name {
|
||||
font-weight: 500;
|
||||
font-size: 34rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.business-contetn {
|
||||
margin: 40rpx 32rpx;
|
||||
background: #fff;
|
||||
border-radius: 16rpx;
|
||||
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1);
|
||||
background: #fbf1e8;
|
||||
|
||||
.title {
|
||||
padding: 40rpx 36rpx;
|
||||
|
||||
.status {
|
||||
position: relative;
|
||||
margin-bottom: 12rpx;
|
||||
padding: 0 36rpx;
|
||||
font-weight: bold;
|
||||
font-size: 36rpx;
|
||||
letter-spacing: 4rpx;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 10px;
|
||||
height: 10px;
|
||||
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 37%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.open-business::before {
|
||||
background-color: #5ac725;
|
||||
}
|
||||
|
||||
.close-business::before {
|
||||
background-color: #ed7330;
|
||||
}
|
||||
|
||||
.tips {
|
||||
padding: 0 36rpx;
|
||||
font-size: 28rpx;
|
||||
color: #271c18;
|
||||
}
|
||||
}
|
||||
|
||||
.business-status {
|
||||
.status-name {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
background-color: #5ac725;
|
||||
position: absolute;
|
||||
right: 25%;
|
||||
top: 36%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.business-box {
|
||||
padding: 20rpx 32rpx;
|
||||
padding-right: 0;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
overflow: hidden;
|
||||
border-radius: 8px;
|
||||
background: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
::v-deep.business-time-content {
|
||||
.u-cell__title-text {
|
||||
color: #909193;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
|
||||
.u-cell__label {
|
||||
font-weight: bold;
|
||||
font-size: 32rpx;
|
||||
color: #000;
|
||||
}
|
||||
}
|
||||
|
||||
.businees-bottom {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
padding: 36rpx 40rpx 60rpx;
|
||||
background: #fff;
|
||||
|
||||
.bottom-tips {
|
||||
margin-bottom: 32rpx;
|
||||
font-size: 24rpx;
|
||||
color: #909193;
|
||||
}
|
||||
|
||||
.btn-update-status {
|
||||
border-color: #ccc;
|
||||
color: #000;
|
||||
font-weight: 500;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-update-status-bg {
|
||||
background: $base-color;
|
||||
border: none;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.inform-popup {
|
||||
::v-deep.u-popup__content {
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.inform-popup-content {
|
||||
width: 600rpx;
|
||||
|
||||
.inform-popup-title {
|
||||
padding: 40rpx;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.inform-popup-tips {
|
||||
padding: 0 60rpx;
|
||||
}
|
||||
|
||||
.popup-btn-list {
|
||||
display: flex;
|
||||
margin: 50rpx;
|
||||
|
||||
.btn-item {
|
||||
width: 46%;
|
||||
height: 80rpx;
|
||||
border-color: #909193;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-item-2 {
|
||||
background: $base-color;
|
||||
color: #fff;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.businees-popup {
|
||||
::v-deep.u-popup__content {
|
||||
margin: 0 28px;
|
||||
min-width: 80%;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
|
||||
.businees-popup-content {
|
||||
position: relative;
|
||||
min-width: 80%;
|
||||
|
||||
.popup-logo {
|
||||
position: absolute;
|
||||
top: -50px;
|
||||
left: 37%;
|
||||
height: 80px;
|
||||
width: 100px;
|
||||
background-image: url("../../../static/store.png");
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
.popup-logo-filter {
|
||||
filter: grayscale(100%);
|
||||
}
|
||||
|
||||
.businees-name {
|
||||
margin: 120rpx 0 32rpx;
|
||||
text-align: center;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.businees-tips-1 {
|
||||
margin-bottom: 32rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #909193;
|
||||
|
||||
.store-name {
|
||||
color: $base-color;
|
||||
}
|
||||
}
|
||||
|
||||
.businees-tips-2 {
|
||||
margin-bottom: 92rpx;
|
||||
padding: 0px 52rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
color: #909193;
|
||||
}
|
||||
|
||||
.popup-btn-list {
|
||||
display: flex;
|
||||
margin: 72rpx 44rpx 122rpx;
|
||||
|
||||
.btn-item {
|
||||
width: 46%;
|
||||
height: 80rpx;
|
||||
border-color: #909193;
|
||||
|
||||
&::after {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-item-2 {
|
||||
background: $base-color;
|
||||
color: #fff;
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,374 @@
|
||||
<template>
|
||||
<!-- 时间选择器弹窗 -->
|
||||
<uni-popup ref="popup" type="bottom" :safe-area="false">
|
||||
<view class="custom-picker">
|
||||
<view class="custom-picker__header">
|
||||
<view class="cancel" :style="{ color: canceColor }" @tap="onCancel">
|
||||
{{ cancelText }}
|
||||
</view>
|
||||
<view class="title">{{ title }}</view>
|
||||
<view class="confirm" :style="{ color: confirmColor }" @tap="onConfirm">
|
||||
{{ confirmText }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="time-tips">
|
||||
为保证有骑手接单，请在配送站点营业时间00:00-24:00内选择
|
||||
</view>
|
||||
<picker-view
|
||||
:indicator-class="indicatorClass"
|
||||
:indicator-style="indicatorStyle"
|
||||
class="picker-view"
|
||||
:value="pickerValue"
|
||||
@change="bindChange"
|
||||
@pickstart="pickstart"
|
||||
@pickend="pickend"
|
||||
>
|
||||
<picker-view-column>
|
||||
<view
|
||||
:class="['picker-view__item']"
|
||||
v-for="(item, index) in rangeList[0]"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view
|
||||
class="picker-view__item"
|
||||
v-for="(item, index) in rangeList[1]"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view class="picker-view__item">{{ segmentation }}</view>
|
||||
</picker-view-column>
|
||||
|
||||
<picker-view-column>
|
||||
<view
|
||||
class="picker-view__item"
|
||||
v-for="(item, index) in rangeList[2]"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column>
|
||||
<view
|
||||
class="picker-view__item"
|
||||
v-for="(item, index) in rangeList[3]"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</uni-popup>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
// 滚动数据
|
||||
let range = [[], [], [], []];
|
||||
for (let i = 0; i <= 24; i++) {
|
||||
range[0].push(i >= 10 ? String(i) : `0${i}`);
|
||||
range[2].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
for (let i = 0; i < 60; i++) {
|
||||
range[1].push(i >= 10 ? String(i) : `0${i}`);
|
||||
range[3].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
|
||||
export default {
|
||||
name: "TimePickerPopup",
|
||||
props: {
|
||||
// 当前选中的值
|
||||
value: {
|
||||
type: Array,
|
||||
default: () => ["00", "00", "00", "00"],
|
||||
},
|
||||
// 标题
|
||||
title: {
|
||||
type: String,
|
||||
default: "时间",
|
||||
},
|
||||
// 取消按钮文字
|
||||
cancelText: {
|
||||
type: String,
|
||||
default: "取消",
|
||||
},
|
||||
// 取消按钮颜色
|
||||
canceColor: {
|
||||
type: String,
|
||||
default: "#666666",
|
||||
},
|
||||
// 确定按钮文字
|
||||
confirmText: {
|
||||
type: String,
|
||||
default: "确定",
|
||||
},
|
||||
// 确定按钮颜色
|
||||
confirmColor: {
|
||||
type: String,
|
||||
default: "#2bb781",
|
||||
},
|
||||
// 分割符
|
||||
segmentation: {
|
||||
type: String,
|
||||
default: "-",
|
||||
},
|
||||
// 设置选择器中间选中框的类名 注意页面或组件的style中写了scoped时，需要在类名前写/deep/
|
||||
indicatorClass: {
|
||||
type: String,
|
||||
default: "picker-view__indicator",
|
||||
},
|
||||
// 设置选择器中间选中框的样式
|
||||
indicatorStyle: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
maxStartHour: {
|
||||
type: Number,
|
||||
default: 23, // 默认23点
|
||||
},
|
||||
maxStartMinute: {
|
||||
type: Number,
|
||||
default: 30, // 默认59分钟
|
||||
},
|
||||
maxEndHour: {
|
||||
type: Number,
|
||||
default: 24, // 默认23点
|
||||
},
|
||||
maxEndMinute: {
|
||||
type: Number,
|
||||
default: 59, // 默认59分钟
|
||||
},
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
rangeList: [],
|
||||
pickerValue: [0, 0, 0, 0],
|
||||
isScoll: false, // 是否正在滚动
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.generateRangeLists();
|
||||
},
|
||||
watch: {
|
||||
// 监听最大时间限制变化
|
||||
maxStartHour() {
|
||||
this.generateRangeLists();
|
||||
},
|
||||
maxStartMinute() {
|
||||
this.generateRangeLists();
|
||||
},
|
||||
maxEndHour() {
|
||||
this.generateRangeLists();
|
||||
},
|
||||
maxEndMinute() {
|
||||
this.generateRangeLists();
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
generateRangeLists() {
|
||||
const ranges = [[], [], [], []];
|
||||
|
||||
// 生成开始小时范围 (0 - maxStartHour)
|
||||
for (let i = 0; i <= this.maxStartHour; i++) {
|
||||
ranges[0].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
|
||||
// 生成开始分钟范围 (0 - maxStartMinute)
|
||||
for (let i = 0; i <= this.maxStartMinute; i++) {
|
||||
ranges[1].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
|
||||
// 生成结束小时范围 (0 - maxEndHour)
|
||||
for (let i = 0; i <= this.maxEndHour; i++) {
|
||||
ranges[2].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
|
||||
// 生成结束分钟范围 (0 - maxEndMinute)
|
||||
// 如果结束小时是24，分钟只能是00
|
||||
if (
|
||||
this.pickerValue &&
|
||||
this.pickerValue[2] === this.rangeList[2]?.length - 1
|
||||
) {
|
||||
ranges[3] = ["00"];
|
||||
} else {
|
||||
for (let i = 0; i <= this.maxEndMinute; i++) {
|
||||
ranges[3].push(i >= 10 ? String(i) : `0${i}`);
|
||||
}
|
||||
}
|
||||
this.rangeList = ranges;
|
||||
},
|
||||
/**
|
||||
* 开启弹窗
|
||||
*/
|
||||
open() {
|
||||
this.generateRangeLists();
|
||||
|
||||
if (Array.isArray(this.value) && this.value.length) {
|
||||
this.pickerValue = this.value.map((item, index) => {
|
||||
const i = this.rangeList[index].findIndex(
|
||||
(child) => Number(child) == Number(this.value[index])
|
||||
);
|
||||
return i > -1 ? i : 0;
|
||||
});
|
||||
|
||||
// If initial end hour is 24, ensure minute is 00
|
||||
if (this.pickerValue[2] === this.rangeList[2]?.length - 1) {
|
||||
this.pickerValue[3] = 0;
|
||||
this.generateRangeLists();
|
||||
}
|
||||
} else {
|
||||
this.pickerValue = [0, 0, 0, 0];
|
||||
}
|
||||
this.$refs.popup.open();
|
||||
},
|
||||
/**
|
||||
* 关闭弹窗
|
||||
*/
|
||||
close() {
|
||||
this.$refs.popup.close();
|
||||
// 重置选中数据
|
||||
this.pickerValue = [0, 0, 0, 0];
|
||||
},
|
||||
/**
|
||||
* 点击确定
|
||||
*/
|
||||
onConfirm() {
|
||||
if (!this.isScoll) {
|
||||
let data = this.value || ["00", "00", "00", "00"];
|
||||
if (this.pickerValue && this.pickerValue.length) {
|
||||
data = this.pickerValue.map((item, index) =>
|
||||
String(this.rangeList[index][item])
|
||||
);
|
||||
}
|
||||
this.$emit("confirm", data);
|
||||
this.close();
|
||||
}
|
||||
},
|
||||
/**
|
||||
* 点击取消
|
||||
*/
|
||||
onCancel() {
|
||||
this.close();
|
||||
},
|
||||
/**
|
||||
* 滚动开始
|
||||
*/
|
||||
pickstart() {
|
||||
this.isScoll = true;
|
||||
},
|
||||
/**
|
||||
* 滚动结束
|
||||
*/
|
||||
pickend() {
|
||||
this.isScoll = false;
|
||||
},
|
||||
/**
|
||||
* 选择器改变
|
||||
* @param {Object} e
|
||||
*/
|
||||
bindChange(e) {
|
||||
const newValue = [...e.detail.value];
|
||||
|
||||
// Check if end hour (index 2) is being set to 24
|
||||
if (newValue[2] === this.rangeList[2]?.length - 1) {
|
||||
// Assuming 24 is the last option
|
||||
newValue[3] = 0; // Set to first (and only) option which is '00'
|
||||
this.pickerValue = newValue;
|
||||
this.generateRangeLists(); // Regenerate ranges to limit minutes
|
||||
} else {
|
||||
this.pickerValue = newValue;
|
||||
}
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.custom-picker {
|
||||
width: 100%;
|
||||
height: 620rpx;
|
||||
background-color: #fff;
|
||||
padding-bottom: 0;
|
||||
padding-bottom: constant(safe-area-inset-bottom);
|
||||
padding-bottom: env(safe-area-inset-bottom);
|
||||
|
||||
&__header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 30rpx 40rpx;
|
||||
|
||||
.cancel {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.title {
|
||||
font-size: 32rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.confirm {
|
||||
color: #2bb781;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.picker-view {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 20rpx;
|
||||
|
||||
&__item {
|
||||
line-height: 100rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
::v-deep &__indicator {
|
||||
height: 100rpx;
|
||||
color: #2bb781;
|
||||
}
|
||||
|
||||
&__segmentation {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.time-tips {
|
||||
padding: 24rpx;
|
||||
font-size: 26rpx;
|
||||
background: #fadbd8;
|
||||
}
|
||||
|
||||
.acitve {
|
||||
&::after,
|
||||
&::before {
|
||||
position: initial;
|
||||
}
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
background: #efefef;
|
||||
margin: 0 16rpx;
|
||||
border-radius: 24rpx;
|
||||
}
|
||||
|
||||
::v-deep .uni-picker-view-content {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
::v-deep .uni-picker-view-indicator {
|
||||
width: 82%;
|
||||
}
|
||||
|
||||
::v-deep .picker-view__item {
|
||||
margin-left: 20rpx;
|
||||
width: 80%;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,869 @@
|
||||
<template>
|
||||
<view class="tui-datetime-picker" :style="{ zIndex }">
|
||||
<view
|
||||
class="tui-datetime__mask"
|
||||
:class="{ 'tui-datetime__mask-show': isShow }"
|
||||
:style="{ zIndex: getMaskZIndex }"
|
||||
@touchmove.stop.prevent="stop"
|
||||
catchtouchmove="stop"
|
||||
@tap="maskClick"
|
||||
></view>
|
||||
<view
|
||||
class="tui-datetime__header"
|
||||
:class="{ 'tui-show': isShow }"
|
||||
:style="{ zIndex: getPickerZIndex }"
|
||||
>
|
||||
<view
|
||||
class="tui-picker-header"
|
||||
:class="{ 'tui-date-radius': radius }"
|
||||
:style="{ backgroundColor: headerBackground }"
|
||||
@touchmove.stop.prevent="stop"
|
||||
catchtouchmove="stop"
|
||||
>
|
||||
<view
|
||||
class="tui-btn-picker"
|
||||
:style="{ color: cancelColor }"
|
||||
hover-class="tui-opacity"
|
||||
:hover-stay-time="150"
|
||||
@tap="hide"
|
||||
>
|
||||
取消
|
||||
</view>
|
||||
<view
|
||||
class="tui-pickerdate__title"
|
||||
:style="{ fontSize: titleSize + 'rpx', color: titleColor }"
|
||||
>
|
||||
{{ title }}
|
||||
</view>
|
||||
<view
|
||||
class="tui-btn-picker"
|
||||
:style="{ color: getColor }"
|
||||
hover-class="tui-opacity"
|
||||
:hover-stay-time="150"
|
||||
@tap="btnFix"
|
||||
>
|
||||
确定
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="tui-date-header"
|
||||
:style="{ backgroundColor: unitBackground }"
|
||||
v-if="unitTop"
|
||||
>
|
||||
<view class="tui-date-unit" v-if="type < 4 || type == 7 || type == 8">
|
||||
年
|
||||
</view>
|
||||
<view
|
||||
class="tui-date-unit"
|
||||
v-if="(type < 4 && type > 0) || type == 7 || type == 8"
|
||||
>
|
||||
月
|
||||
</view>
|
||||
<view
|
||||
class="tui-date-unit"
|
||||
v-if="type == 1 || type == 2 || type == 7 || type == 8"
|
||||
>
|
||||
日
|
||||
</view>
|
||||
<view
|
||||
class="tui-date-unit"
|
||||
v-if="type == 1 || type == 4 || type == 5 || type == 7 || type == 8"
|
||||
>
|
||||
时
|
||||
</view>
|
||||
<view class="tui-date-unit" v-if="(type == 1 || type > 3) && type != 8">
|
||||
分
|
||||
</view>
|
||||
<view class="tui-date-unit" v-if="type > 4 && type != 8">秒</view>
|
||||
</view>
|
||||
<view
|
||||
@touchstart.stop="pickerstart"
|
||||
class="tui-date__picker-body"
|
||||
:style="{ backgroundColor: bodyBackground, height: height + 'rpx' }"
|
||||
>
|
||||
<picker-view
|
||||
:key="type"
|
||||
:immediate-change="immediate"
|
||||
:value="value"
|
||||
@change="change"
|
||||
class="tui-datetime__picker-view"
|
||||
>
|
||||
<picker-view-column v-if="type < 4 || type == 7 || type == 8">
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in years"
|
||||
:key="index"
|
||||
>
|
||||
{{ item }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop">年</text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column
|
||||
v-if="(type < 4 && type > 0) || type == 7 || type == 8"
|
||||
>
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in months"
|
||||
:key="index"
|
||||
>
|
||||
{{ formatNum(item) }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop">月</text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column
|
||||
v-if="type == 1 || type == 2 || type == 7 || type == 8"
|
||||
>
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in days"
|
||||
:key="index"
|
||||
>
|
||||
{{ formatNum(item) }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop">日</text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column
|
||||
v-if="type == 1 || type == 4 || type == 5 || type == 7 || type == 8"
|
||||
>
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in hours"
|
||||
:key="index"
|
||||
>
|
||||
{{ formatNum(item) }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop"></text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column v-if="(type == 1 || type > 3) && type != 8">
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in minutes"
|
||||
:key="index"
|
||||
>
|
||||
{{ formatNum(item) }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop"></text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
<picker-view-column v-if="type > 4 && type != 8">
|
||||
<view
|
||||
class="tui-date__column-item"
|
||||
:class="{ 'tui-font-size_32': !unitTop && type == 7 }"
|
||||
v-for="(item, index) in seconds"
|
||||
:key="index"
|
||||
>
|
||||
{{ formatNum(item) }}
|
||||
<text class="tui-date__unit-text" v-if="!unitTop">秒</text>
|
||||
</view>
|
||||
</picker-view-column>
|
||||
</picker-view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "tuiDatetime",
|
||||
emits: ["cancel", "confirm"],
|
||||
props: {
|
||||
//0-年 1-日期+时间（年月日+时分） 2-日期(年月日) 3-日期(年月) 4-时间（时分） 5-时分秒 6-分秒 7-年月日 时分秒 8-年月日+小时
|
||||
type: {
|
||||
type: [Number, String],
|
||||
default: 1,
|
||||
},
|
||||
//年份区间
|
||||
startYear: {
|
||||
type: Number,
|
||||
default: 1980,
|
||||
},
|
||||
//年份区间
|
||||
endYear: {
|
||||
type: Number,
|
||||
default: 2050,
|
||||
},
|
||||
hoursData: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
minutesData: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
secondsData: {
|
||||
type: Array,
|
||||
default() {
|
||||
return [];
|
||||
},
|
||||
},
|
||||
//显示标题
|
||||
title: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
//标题字体大小
|
||||
titleSize: {
|
||||
type: [Number, String],
|
||||
default: 34,
|
||||
},
|
||||
//标题字体颜色
|
||||
titleColor: {
|
||||
type: String,
|
||||
default: "#333",
|
||||
},
|
||||
//"取消"字体颜色
|
||||
cancelColor: {
|
||||
type: String,
|
||||
default: "#888",
|
||||
},
|
||||
//"确定"字体颜色
|
||||
color: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
//设置默认显示日期 2019-08-01 || 2019-08-01 17:01 || 2019/08/01
|
||||
setDateTime: {
|
||||
type: String,
|
||||
default: "",
|
||||
},
|
||||
//单位置顶
|
||||
unitTop: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
//圆角设置
|
||||
radius: {
|
||||
type: Boolean,
|
||||
default: false,
|
||||
},
|
||||
//头部背景色
|
||||
headerBackground: {
|
||||
type: String,
|
||||
default: "#fff",
|
||||
},
|
||||
//根据实际调整，不建议使用深颜色
|
||||
bodyBackground: {
|
||||
type: String,
|
||||
default: "#fff",
|
||||
},
|
||||
//单位置顶时，单位条背景色
|
||||
unitBackground: {
|
||||
type: String,
|
||||
default: "#fff",
|
||||
},
|
||||
height: {
|
||||
type: [Number, String],
|
||||
default: 520,
|
||||
},
|
||||
//点击遮罩 是否可关闭
|
||||
maskClosable: {
|
||||
type: Boolean,
|
||||
default: true,
|
||||
},
|
||||
zIndex: {
|
||||
type: [Number, String],
|
||||
default: 998,
|
||||
},
|
||||
},
|
||||
data() {
|
||||
let immediate = true;
|
||||
// #ifdef MP-TOUTIAO
|
||||
immediate = false;
|
||||
// #endif
|
||||
return {
|
||||
immediate,
|
||||
isShow: false,
|
||||
years: [],
|
||||
months: [],
|
||||
days: [],
|
||||
hours: [],
|
||||
minutes: [],
|
||||
seconds: [],
|
||||
year: 0,
|
||||
month: 0,
|
||||
day: 0,
|
||||
hour: 0,
|
||||
minute: 0,
|
||||
second: 0,
|
||||
startDate: "",
|
||||
endDate: "",
|
||||
value: [],
|
||||
isEnd: true,
|
||||
isChange: false,
|
||||
isSelect: false,
|
||||
};
|
||||
},
|
||||
mounted() {
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
this.initData();
|
||||
}, 20);
|
||||
});
|
||||
},
|
||||
computed: {
|
||||
yearOrMonth() {
|
||||
return `${this.year}-${this.month}`;
|
||||
},
|
||||
propsChange() {
|
||||
return `${this.type}-${this.startYear}-${this.endYear}-${this.hoursData}-${this.minutesData}-${this.secondsData}`;
|
||||
},
|
||||
getColor() {
|
||||
return (
|
||||
this.color || (uni && uni.$tui && uni.$tui.color.primary) || "#5677fc"
|
||||
);
|
||||
},
|
||||
getMaskZIndex() {
|
||||
return Number(this.zIndex) + 1;
|
||||
},
|
||||
getPickerZIndex() {
|
||||
return Number(this.zIndex) + 2;
|
||||
},
|
||||
},
|
||||
watch: {
|
||||
yearOrMonth() {
|
||||
this.setDays();
|
||||
},
|
||||
propsChange() {
|
||||
if (this.isChange) return;
|
||||
this.isChange = true;
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
this.isChange = false;
|
||||
this.initData();
|
||||
}, 50);
|
||||
});
|
||||
},
|
||||
setDateTime(val) {
|
||||
if (val && val !== true) {
|
||||
setTimeout(() => {
|
||||
this.initData();
|
||||
}, 20);
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
stop() {},
|
||||
formatNum: function (num) {
|
||||
return num < 10 ? "0" + num : num + "";
|
||||
},
|
||||
generateArray: function (start, end) {
|
||||
return Array.from(new Array(end + 1).keys()).slice(start);
|
||||
},
|
||||
getIndex: function (arr, val) {
|
||||
if (!arr || arr.length === 0 || val === undefined) return 0;
|
||||
let index = arr.indexOf(val);
|
||||
return index == -1 ? 0 : index;
|
||||
},
|
||||
getCharCount(str) {
|
||||
let regex = new RegExp("/", "g");
|
||||
let result = str.match(regex);
|
||||
return !result ? 0 : result.length;
|
||||
},
|
||||
//日期时间处理
|
||||
initSelectValue() {
|
||||
let fdate = "";
|
||||
if (this.setDateTime && this.setDateTime !== true) {
|
||||
fdate = this.setDateTime.replace(/\-/g, "/");
|
||||
if (this.type == 3 && this.getCharCount(fdate) === 1) {
|
||||
fdate += "/01";
|
||||
} else if (this.type == 0) {
|
||||
fdate += "/01/01";
|
||||
}
|
||||
fdate =
|
||||
fdate && fdate.indexOf("/") == -1 ? `2023/01/01 ${fdate}` : fdate;
|
||||
}
|
||||
let time = null;
|
||||
if (fdate) time = new Date(fdate);
|
||||
else time = new Date();
|
||||
let year = time.getFullYear();
|
||||
if (year > this.endYear) {
|
||||
year = this.endYear;
|
||||
} else if (year < this.startYear) {
|
||||
year = this.startYear;
|
||||
}
|
||||
const month = time.getMonth() + 1;
|
||||
const day = time.getDate();
|
||||
const hour = time.getHours();
|
||||
const minute = time.getMinutes();
|
||||
const second = time.getSeconds();
|
||||
this.year = year;
|
||||
this.month = month;
|
||||
this.day = day;
|
||||
this.hour = hour;
|
||||
this.minute = minute;
|
||||
this.second = second;
|
||||
|
||||
return [year, month, day, hour, minute, second];
|
||||
},
|
||||
initData() {
|
||||
const def = this.initSelectValue();
|
||||
const type = Number(this.type);
|
||||
switch (type) {
|
||||
case 0:
|
||||
this.setYears();
|
||||
break;
|
||||
case 1:
|
||||
this.setYears();
|
||||
this.setMonths();
|
||||
this.setDays();
|
||||
this.setHours();
|
||||
this.setMinutes();
|
||||
break;
|
||||
case 2:
|
||||
this.setYears();
|
||||
this.setMonths();
|
||||
this.setDays();
|
||||
break;
|
||||
case 3:
|
||||
this.setYears();
|
||||
this.setMonths();
|
||||
break;
|
||||
case 4:
|
||||
this.setHours();
|
||||
this.setMinutes();
|
||||
break;
|
||||
case 5:
|
||||
this.setHours();
|
||||
this.setMinutes();
|
||||
this.setSeconds();
|
||||
break;
|
||||
case 6:
|
||||
this.setMinutes();
|
||||
this.setSeconds();
|
||||
break;
|
||||
case 7:
|
||||
this.setYears();
|
||||
this.setMonths();
|
||||
this.setDays();
|
||||
this.setHours();
|
||||
this.setMinutes();
|
||||
this.setSeconds();
|
||||
break;
|
||||
case 8:
|
||||
this.setYears();
|
||||
this.setMonths();
|
||||
this.setDays();
|
||||
this.setHours();
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
this.$nextTick(() => {
|
||||
setTimeout(() => {
|
||||
this.setDefaultValues(def);
|
||||
}, 50);
|
||||
});
|
||||
},
|
||||
setDefaultValues(def) {
|
||||
let vals = [];
|
||||
// 1-年月日+时分 2-年月日 3-年月 4-时分 5-时分秒 6-分秒 7-年月日 时分秒 8-年月日+小时
|
||||
const year = this.getIndex(this.years, def[0]);
|
||||
|
||||
const month = this.getIndex(this.months, def[1]);
|
||||
const day = this.getIndex(this.days, def[2]);
|
||||
const hour = this.getIndex(this.hours, def[3]);
|
||||
const minute = this.getIndex(this.minutes, def[4]);
|
||||
const second = this.getIndex(this.seconds, def[5]);
|
||||
|
||||
// console.log(year, month, day, hour, minute, second)
|
||||
const type = Number(this.type);
|
||||
switch (type) {
|
||||
case 0:
|
||||
vals = [year];
|
||||
case 1:
|
||||
vals = [year, month, day, hour, minute];
|
||||
break;
|
||||
case 2:
|
||||
vals = [year, month, day];
|
||||
break;
|
||||
case 3:
|
||||
vals = [year, month];
|
||||
break;
|
||||
case 4:
|
||||
vals = [hour, minute];
|
||||
break;
|
||||
case 5:
|
||||
vals = [hour, minute, second];
|
||||
break;
|
||||
case 6:
|
||||
vals = [minute, second];
|
||||
break;
|
||||
case 7:
|
||||
vals = [year, month, day, hour, minute, second];
|
||||
break;
|
||||
case 8:
|
||||
vals = [year, month, day, hour];
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
if (this.value.join(",") === vals.join(",")) return;
|
||||
setTimeout(() => {
|
||||
this.value = vals;
|
||||
}, 150);
|
||||
},
|
||||
setYears() {
|
||||
this.years = this.generateArray(this.startYear, this.endYear);
|
||||
},
|
||||
setMonths() {
|
||||
this.months = this.generateArray(1, 12);
|
||||
},
|
||||
setDays() {
|
||||
if (this.type == 3 || this.type == 4) return;
|
||||
let totalDays = new Date(this.year, this.month, 0).getDate();
|
||||
totalDays = !totalDays || totalDays < 1 ? 1 : totalDays;
|
||||
this.days = this.generateArray(1, totalDays);
|
||||
},
|
||||
setHours() {
|
||||
if (this.hoursData && this.hoursData.length > 0) {
|
||||
this.hours = this.hoursData;
|
||||
} else {
|
||||
this.hours = this.generateArray(0, 23);
|
||||
}
|
||||
},
|
||||
setMinutes() {
|
||||
if (this.minutesData && this.minutesData.length > 0) {
|
||||
this.minutes = this.minutesData;
|
||||
} else {
|
||||
this.minutes = this.generateArray(0, 59);
|
||||
}
|
||||
},
|
||||
setSeconds() {
|
||||
if (this.secondsData && this.secondsData.length > 0) {
|
||||
this.seconds = this.secondsData;
|
||||
} else {
|
||||
this.seconds = this.generateArray(0, 59);
|
||||
}
|
||||
},
|
||||
show() {
|
||||
setTimeout(() => {
|
||||
this.isShow = true;
|
||||
}, 250);
|
||||
},
|
||||
hide() {
|
||||
this.isShow = false;
|
||||
this.$emit("cancel", {});
|
||||
},
|
||||
maskClick() {
|
||||
if (!this.maskClosable) return;
|
||||
this.hide();
|
||||
},
|
||||
change(e) {
|
||||
this.value = e.detail.value;
|
||||
const type = Number(this.type);
|
||||
switch (type) {
|
||||
case 0:
|
||||
this.year = this.years[this.value[0]];
|
||||
break;
|
||||
case 1:
|
||||
this.year = this.years[this.value[0]];
|
||||
this.month = this.months[this.value[1]];
|
||||
this.day = this.days[this.value[2]];
|
||||
this.hour = this.hours[this.value[3]];
|
||||
this.minute = this.minutes[this.value[4]];
|
||||
break;
|
||||
case 2:
|
||||
this.year = this.years[this.value[0]];
|
||||
this.month = this.months[this.value[1]];
|
||||
this.day = this.days[this.value[2]];
|
||||
break;
|
||||
case 3:
|
||||
this.year = this.years[this.value[0]];
|
||||
this.month = this.months[this.value[1]];
|
||||
break;
|
||||
case 4:
|
||||
this.hour = this.hours[this.value[0]];
|
||||
this.minute = this.minutes[this.value[1]];
|
||||
break;
|
||||
case 5:
|
||||
this.hour = this.hours[this.value[0]];
|
||||
this.minute = this.minutes[this.value[1]];
|
||||
this.second = this.seconds[this.value[2]];
|
||||
break;
|
||||
case 6:
|
||||
this.minute = this.minutes[this.value[0]];
|
||||
this.second = this.seconds[this.value[1]];
|
||||
break;
|
||||
case 7:
|
||||
this.year = this.years[this.value[0]];
|
||||
this.month = this.months[this.value[1]];
|
||||
this.day = this.days[this.value[2]];
|
||||
this.hour = this.hours[this.value[3]];
|
||||
this.minute = this.minutes[this.value[4]];
|
||||
this.second = this.seconds[this.value[5]];
|
||||
break;
|
||||
case 8:
|
||||
this.year = this.years[this.value[0]];
|
||||
this.month = this.months[this.value[1]];
|
||||
this.day = this.days[this.value[2]];
|
||||
this.hour = this.hours[this.value[3]];
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
this.isEnd = true;
|
||||
},
|
||||
selectResult() {
|
||||
let result = {};
|
||||
let year = this.year;
|
||||
let month = this.formatNum(this.month || 0);
|
||||
let day = this.formatNum(this.day || 0);
|
||||
let hour = this.formatNum(this.hour || 0);
|
||||
let minute = this.formatNum(this.minute || 0);
|
||||
let second = this.formatNum(this.second || 0);
|
||||
const type = Number(this.type);
|
||||
switch (type) {
|
||||
case 0:
|
||||
result = {
|
||||
year: year,
|
||||
result: year,
|
||||
};
|
||||
break;
|
||||
case 1:
|
||||
result = {
|
||||
year: year,
|
||||
month: month,
|
||||
day: day,
|
||||
hour: hour,
|
||||
minute: minute,
|
||||
result: `${year}-${month}-${day} ${hour}:${minute}`,
|
||||
};
|
||||
break;
|
||||
case 2:
|
||||
result = {
|
||||
year: year,
|
||||
month: month,
|
||||
day: day,
|
||||
result: `${year}-${month}-${day}`,
|
||||
};
|
||||
break;
|
||||
case 3:
|
||||
result = {
|
||||
year: year,
|
||||
month: month,
|
||||
result: `${year}-${month}`,
|
||||
};
|
||||
break;
|
||||
case 4:
|
||||
result = {
|
||||
hour: hour,
|
||||
minute: minute,
|
||||
result: `${hour}:${minute}`,
|
||||
};
|
||||
break;
|
||||
case 5:
|
||||
result = {
|
||||
hour: hour,
|
||||
minute: minute,
|
||||
second: second,
|
||||
result: `${hour}:${minute}:${second}`,
|
||||
};
|
||||
break;
|
||||
case 6:
|
||||
result = {
|
||||
minute: minute,
|
||||
second: second,
|
||||
result: `${minute}:${second}`,
|
||||
};
|
||||
break;
|
||||
case 7:
|
||||
result = {
|
||||
year: year,
|
||||
month: month,
|
||||
day: day,
|
||||
hour: hour,
|
||||
minute: minute,
|
||||
second: second,
|
||||
result: `${year}-${month}-${day} ${hour}:${minute}:${second}`,
|
||||
};
|
||||
break;
|
||||
case 8:
|
||||
result = {
|
||||
year: year,
|
||||
month: month,
|
||||
day: day,
|
||||
hour: hour,
|
||||
result: `${year}-${month}-${day} ${hour}:00`,
|
||||
};
|
||||
break;
|
||||
default:
|
||||
break;
|
||||
}
|
||||
this.$emit("confirm", result);
|
||||
},
|
||||
waitFix(index = 0) {
|
||||
if (this.isEnd) {
|
||||
this.selectResult();
|
||||
} else {
|
||||
index++;
|
||||
if (index >= 20) {
|
||||
this.isEnd = true;
|
||||
}
|
||||
setTimeout(() => {
|
||||
this.waitFix(index);
|
||||
}, 50);
|
||||
}
|
||||
},
|
||||
btnFix() {
|
||||
setTimeout(() => {
|
||||
this.waitFix();
|
||||
this.hide();
|
||||
}, 80);
|
||||
},
|
||||
pickerstart() {
|
||||
this.isEnd = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.tui-datetime-picker {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tui-datetime__picker-view {
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.tui-datetime__mask {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.tui-datetime__mask-show {
|
||||
visibility: visible !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.tui-datetime__header {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
transition: all 0.3s ease-in-out;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.tui-date-header {
|
||||
width: 100%;
|
||||
height: 52rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
font-size: 26rpx;
|
||||
line-height: 26rpx;
|
||||
/* #ifdef MP */
|
||||
box-shadow: 0 15rpx 10rpx -15rpx #efefef;
|
||||
/* #endif */
|
||||
/* #ifndef MP */
|
||||
box-shadow: 0 15rpx 10rpx -15rpx #888;
|
||||
/* #endif */
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.tui-date-unit {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tui-show {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.tui-picker-header {
|
||||
width: 100%;
|
||||
height: 90rpx;
|
||||
padding: 0 40rpx;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
font-size: 32rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tui-date-radius {
|
||||
border-top-left-radius: 20rpx;
|
||||
border-top-right-radius: 20rpx;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tui-picker-header::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
border-bottom: 1rpx solid #eaeef1;
|
||||
-webkit-transform: scaleY(0.5);
|
||||
transform: scaleY(0.5);
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.tui-date__picker-body {
|
||||
width: 100%;
|
||||
/* height: 520rpx; */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.tui-date__column-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 36rpx;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.tui-font-size_32 {
|
||||
font-size: 32rpx !important;
|
||||
}
|
||||
|
||||
.tui-date__unit-text {
|
||||
font-size: 24rpx !important;
|
||||
padding-left: 8rpx;
|
||||
}
|
||||
|
||||
.tui-btn-picker {
|
||||
padding: 16rpx;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
flex-shrink: 0;
|
||||
/* #ifdef H5 */
|
||||
cursor: pointer;
|
||||
/* #endif */
|
||||
}
|
||||
|
||||
.tui-opacity {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.tui-pickerdate__title {
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
flex: 1;
|
||||
padding: 0 30rpx;
|
||||
box-sizing: border-box;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,170 @@
|
||||
<template>
|
||||
<view class="businessStatus-container">
|
||||
<view class="hander">
|
||||
<view class="site-time">配送站点营业时间 00:00-24:00</view>
|
||||
<view class="tips-item">
|
||||
门店营业时间需在配送站点营业时间内才会有骑手配送
|
||||
</view>
|
||||
<view class="tips-item tips-item-2">
|
||||
如需在此时间范围外营业，请咨询业务经理调整配送方式
|
||||
</view>
|
||||
</view>
|
||||
<view class="business-time-content" @click="showTimePopup">
|
||||
<view class="time-box">
|
||||
<view calss="time">23:30</view>
|
||||
<view>至</view>
|
||||
<view calss="time">23:30</view>
|
||||
</view>
|
||||
</view>
|
||||
<ozTimePicker
|
||||
ref="timePickerPopupRef"
|
||||
title="设置营业时间段"
|
||||
segmentation="至"
|
||||
:value="['00', '00', '00', '00']"
|
||||
indicator-class="picker-view__indicator acitve"
|
||||
></ozTimePicker>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { GetAccountDashboard } from "../../../api/user";
|
||||
import { UpdateStoreBizState } from "../../../api/store";
|
||||
import tuiDatetime from "./tui-datetime/tui-datetime.vue";
|
||||
import ozTimePicker from "./oz-timePicker/oz-timePicker.vue";
|
||||
export default {
|
||||
components: {
|
||||
tuiDatetime,
|
||||
ozTimePicker,
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
dashboardInfo: {
|
||||
data: {},
|
||||
notice: {},
|
||||
order: {
|
||||
yestoday_num: 0,
|
||||
},
|
||||
product: {
|
||||
illegal_num: 0,
|
||||
normal_num: 0,
|
||||
off_num: 0,
|
||||
total_num: 0,
|
||||
verify_passed_off_num: 0,
|
||||
verify_refused_num: 0,
|
||||
verify_waiting_num: 0,
|
||||
},
|
||||
return: {
|
||||
fin_num: 0,
|
||||
review_num: 0,
|
||||
total_num: 0,
|
||||
un_fin_num: 0,
|
||||
},
|
||||
store_info: {
|
||||
store_id: 1,
|
||||
store_name: "",
|
||||
store_biz_state: 1,
|
||||
info: {
|
||||
store_opening_hours: "",
|
||||
store_close_hours: "",
|
||||
},
|
||||
},
|
||||
},
|
||||
showPopup: false,
|
||||
dateTime: "",
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
businessTime() {
|
||||
return `${this.dashboardInfo.store_info.info.store_opening_hours}-${this.dashboardInfo.store_info.info.store_close_hours}`;
|
||||
},
|
||||
},
|
||||
onShow() {
|
||||
this.getAccountDashboard();
|
||||
},
|
||||
methods: {
|
||||
async getAccountDashboard() {
|
||||
let res = await GetAccountDashboard();
|
||||
if (res && res.status == 200) {
|
||||
uni.setStorageSync("accountDashboard", res.data);
|
||||
this.dashboardInfo = res.data;
|
||||
}
|
||||
},
|
||||
showTimePopup() {
|
||||
this.$refs.timePickerPopupRef.open();
|
||||
},
|
||||
closeTimePopup() {
|
||||
this.showPopup = false;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "@/styles/variables.scss";
|
||||
.businessStatus-container {
|
||||
.hander {
|
||||
padding: 52rpx 40rpx 88rpx;
|
||||
background: linear-gradient(33deg, #f7d8de 0%, #fff 100%);
|
||||
|
||||
.site-time {
|
||||
margin-bottom: 40rpx;
|
||||
font-weight: 500;
|
||||
font-size: 36rpx;
|
||||
}
|
||||
|
||||
.tips-item {
|
||||
position: relative;
|
||||
padding-left: 28rpx;
|
||||
font-size: 26rpx;
|
||||
margin-bottom: 32rpx;
|
||||
|
||||
&::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
background-color: #0a0301;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 36%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.tips-item-2 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.business-time-content {
|
||||
position: relative;
|
||||
top: -20rpx;
|
||||
border-radius: 24rpx;
|
||||
z-index: 2;
|
||||
background: #fff;
|
||||
|
||||
.time-box {
|
||||
display: flex;
|
||||
justify-content: space-evenly;
|
||||
margin: 100rpx 40rpx;
|
||||
padding: 36rpx 40rpx;
|
||||
border-radius: 24rpx;
|
||||
background: #f5f6fa;
|
||||
}
|
||||
}
|
||||
|
||||
.time-popup {
|
||||
.time-popup-content {
|
||||
border-radius: 12px;
|
||||
height: 800rpx;
|
||||
|
||||
.time-popup-title {
|
||||
padding: 24rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -162,7 +162,9 @@
|
||||
</view>
|
||||
<view class="order-remark">
|
||||
<text style="color: #fff; font-weight: bold">备注：</text>
|
||||
<text style="color: #fff;">{{ item.buyer_info.order_message }}</text>
|
||||
<text style="color: #fff">
|
||||
{{ item.buyer_info.order_message }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="commodity-info-block">
|
||||
<view class="commodity-num">
|
||||
@ -191,18 +193,18 @@
|
||||
<view class="commodity-specification">
|
||||
规格
|
||||
<text style="padding-left: 8rpx">
|
||||
{{ item.specification || 0 }}
|
||||
{{ group.specification || 0 }}
|
||||
</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="commodity-num">
|
||||
X
|
||||
<text style="padding-left: 8rpx">
|
||||
{{ item.order_item_quantity || 0 }}
|
||||
{{ group.order_item_quantity || 0 }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="commodity-price">
|
||||
￥{{ item.item_cost_price || 0 }}
|
||||
￥{{ group.order_item_amount || 0 }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -288,11 +290,11 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="order-btn-block">
|
||||
<view class="btn-list">
|
||||
<!-- <view class="btn-list">
|
||||
<u-button class="btn-item">取消订单</u-button>
|
||||
<u-button class="btn-item">退差价</u-button>
|
||||
<u-button class="btn-item">部分退款</u-button>
|
||||
</view>
|
||||
</view> -->
|
||||
<view class="arrow-item" @click="showRefundOrderInfo(item, index)">
|
||||
{{ item.showRefundOrderInfo ? "收起订单" : "展开订单" }}
|
||||
<u-icon
|
||||
@ -455,7 +457,7 @@
|
||||
</text>
|
||||
</view>
|
||||
<view class="commodity-price">
|
||||
￥{{ item.item_cost_price || 0 }}
|
||||
￥{{ item.order_item_amount || 0 }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -816,10 +818,6 @@ export default {
|
||||
tuiDropdownList,
|
||||
tabbar,
|
||||
},
|
||||
computed: {
|
||||
...mapState("account", ["accountInfo"]),
|
||||
...mapState("user", ["userInfo"]),
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
showDropdown: false,
|
||||
@ -960,8 +958,44 @@ export default {
|
||||
showOrderLoading: false,
|
||||
};
|
||||
},
|
||||
computed: {
|
||||
...mapState("account", ["accountInfo"]),
|
||||
...mapState("user", ["userInfo"]),
|
||||
...mapState("order", ["pushOrderInfo"]),
|
||||
},
|
||||
watch: {
|
||||
pushOrderInfo: {
|
||||
handler(newValue, oldValue) {
|
||||
if (newValue) {
|
||||
console.log("order watch", newValue);
|
||||
|
||||
this.orderInfo.order_page_list.records.unshift(newValue);
|
||||
|
||||
this.orderInfo.order_page_list.records =
|
||||
this.orderInfo.order_page_list.records.map((item, index) => ({
|
||||
...item, // 保留原有属性
|
||||
orderNum: index + 1, // 重新分配 orderNum (1, 2, 3, ...)
|
||||
}));
|
||||
|
||||
console.log(this.orderInfo.order_page_list.records);
|
||||
}
|
||||
},
|
||||
},
|
||||
},
|
||||
onLoad() {},
|
||||
onShow() {
|
||||
let accountDashboard = uni.getStorageSync("accountDashboard");
|
||||
let auditInfo = uni.getStorageSync("auditInfo");
|
||||
|
||||
if (accountDashboard) {
|
||||
this.shopNmae = accountDashboard.store_info.store_name;
|
||||
this.logoUrl = accountDashboard.store_info.store_logo;
|
||||
} else {
|
||||
this.getAccountDashboard();
|
||||
}
|
||||
if (!auditInfo) {
|
||||
this.getAuditInfo();
|
||||
}
|
||||
|
||||
this.getOrderList();
|
||||
},
|
||||
@ -979,24 +1013,11 @@ export default {
|
||||
// this.getOrderList();
|
||||
// }, 500);
|
||||
// },
|
||||
|
||||
methods: {
|
||||
async getOrderList() {
|
||||
// this.showOrderLoading = true;
|
||||
|
||||
let accountDashboard = uni.getStorageSync("accountDashboard");
|
||||
let auditInfo = uni.getStorageSync("auditInfo");
|
||||
|
||||
if (accountDashboard) {
|
||||
this.shopNmae = accountDashboard.store_info.store_name;
|
||||
this.logoUrl = accountDashboard.store_info.store_logo;
|
||||
} else {
|
||||
await this.getAccountDashboard();
|
||||
}
|
||||
if (!auditInfo) {
|
||||
await this.getAuditInfo();
|
||||
}
|
||||
|
||||
this.showOrderLoading = true;
|
||||
console.log(this.accountInfo)
|
||||
this.params = {
|
||||
storeId: this.accountInfo.store_info.store_id,
|
||||
keyword: this.keyword,
|
||||
@ -1007,6 +1028,7 @@ export default {
|
||||
};
|
||||
|
||||
let res = await GetOrderList(this.params);
|
||||
|
||||
if (res && res.status == 200) {
|
||||
if (this.isLoadingReachData) {
|
||||
if (res.data.order_page_list.records.length <= 0) {
|
||||
|
||||
BIN
java-mall-app-shop-admin/static/independent-account.png
Normal file
BIN
java-mall-app-shop-admin/static/independent-account.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 93 KiB |
BIN
java-mall-app-shop-admin/static/store.png
Normal file
BIN
java-mall-app-shop-admin/static/store.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@ -1,9 +1,9 @@
|
||||
import { GetOrderPush } from '../../api/order';
|
||||
import GtPush from '@/utils/gtpush-min.js';
|
||||
import { GetOrderPush } from "../../api/order";
|
||||
|
||||
const defaultState = () => {
|
||||
return {
|
||||
pushOrderInfo: {},
|
||||
orderWeiDu: 0,
|
||||
};
|
||||
};
|
||||
|
||||
@ -11,52 +11,19 @@ const state = defaultState();
|
||||
|
||||
const getters = {};
|
||||
|
||||
const mutations = {};
|
||||
|
||||
const getClient = () => {
|
||||
// #ifdef APP-PLUS
|
||||
let clientInfo = plus.push.getClientInfo(); //获取 clientID
|
||||
uni.setStorageSync('clientid', clientInfo.clientid);
|
||||
return clientInfo.clientid;
|
||||
console.log(clientInfo);
|
||||
// #endif
|
||||
const mutations = {
|
||||
ORDERPUSH(state, pushOrderInfo) {
|
||||
state.pushOrderInfo = pushOrderInfo;
|
||||
},
|
||||
};
|
||||
|
||||
const actions = {
|
||||
async intOrderPush({ dispatch }) {
|
||||
GtPush.init({
|
||||
appid: 'KXgzOaKSzd5HG3p9IPaVa8',
|
||||
onClientId: (res) => {
|
||||
let params = {
|
||||
cid: res.cid,
|
||||
message: '测试',
|
||||
};
|
||||
orderPush({ commit }, pushOrderInfo) {
|
||||
console.log("order vue x:", pushOrderInfo);
|
||||
|
||||
dispatch('getOrderPush', params);
|
||||
console.log('onClientId = ' + res.cid);
|
||||
},
|
||||
onlineState: (res) => {
|
||||
console.log('onlineState = ' + res.online);
|
||||
},
|
||||
onPushMsg: (res) => {
|
||||
console.log('onPushMsg = ' + res.message);
|
||||
},
|
||||
onError: (res) => {
|
||||
console.log('error', +res.message);
|
||||
},
|
||||
});
|
||||
},
|
||||
let orderItem = pushOrderInfo.payload.orderItem;
|
||||
|
||||
async getOrderPush({ dispatch }, params) {
|
||||
// #ifdef APP-PLUS
|
||||
let clientid = getClient();
|
||||
// #endif
|
||||
|
||||
let res = await GetOrderPush(params);
|
||||
|
||||
if (res && res.second) {
|
||||
console.log('OrderPush', res);
|
||||
}
|
||||
commit("ORDERPUSH", orderItem);
|
||||
},
|
||||
};
|
||||
|
||||
|
||||
@ -77,6 +77,25 @@ const mutations = {
|
||||
|
||||
const actions = {
|
||||
async GetAccountLogin({ dispatch }, params) {
|
||||
// #ifdef APP-PLUS
|
||||
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
var push_clientid = "";
|
||||
var osType = "";
|
||||
|
||||
push_clientid = await getPushClientId();
|
||||
|
||||
if (platform == "android") {
|
||||
osType = 1;
|
||||
} else {
|
||||
osType = 2;
|
||||
}
|
||||
|
||||
params.cid = push_clientid;
|
||||
params.osType = osType;
|
||||
|
||||
// #endif
|
||||
|
||||
const res = await GetAccountLogin(params);
|
||||
|
||||
if (res && res.status == 200) {
|
||||
@ -103,6 +122,27 @@ const actions = {
|
||||
}
|
||||
},
|
||||
async GetLogin({ dispatch }, params) {
|
||||
// #ifdef APP-PLUS
|
||||
|
||||
const platform = uni.getSystemInfoSync().platform;
|
||||
var push_clientid = "";
|
||||
var osType = "";
|
||||
|
||||
push_clientid = await getPushClientId();
|
||||
|
||||
if (platform == "android") {
|
||||
osType = 1;
|
||||
} else {
|
||||
osType = 2;
|
||||
}
|
||||
|
||||
params.cid = push_clientid;
|
||||
params.osType = osType;
|
||||
|
||||
// #endif
|
||||
|
||||
console.log("登录时的params", params);
|
||||
|
||||
const res = await GetLogin(params);
|
||||
|
||||
if (res && res.status == 200) {
|
||||
@ -201,9 +241,8 @@ const actions = {
|
||||
has_apply_mer,
|
||||
has_apply_split,
|
||||
has_apply_receiver,
|
||||
has_bind_receiver
|
||||
}
|
||||
= res.data;
|
||||
has_bind_receiver,
|
||||
} = res.data;
|
||||
|
||||
//2-未通过；3-待审核；4-未申请过；5-已提交审核; 21 拉卡拉审核未通过
|
||||
if ([2, 3, 5, 21].includes(approval_status)) {
|
||||
@ -273,13 +312,13 @@ const actions = {
|
||||
// 触发条件：approval_status=1 且 has_ec_signed=1 且 has_apply_mer=1 且 store_status=1 且 has_apply_split=1 且 has_bind_receiver=1
|
||||
// 提示信息："恭喜您，入驻流程已全部完成！"
|
||||
|
||||
if(store_status == 2
|
||||
|| has_ec_signed == 2
|
||||
|| has_apply_mer == 2
|
||||
|| has_apply_split == 2
|
||||
|| has_apply_receiver == 2
|
||||
|| has_bind_receiver == 2
|
||||
&& approval_status == 1
|
||||
if (
|
||||
store_status == 2 ||
|
||||
has_ec_signed == 2 ||
|
||||
has_apply_mer == 2 ||
|
||||
has_apply_split == 2 ||
|
||||
has_apply_receiver == 2 ||
|
||||
(has_bind_receiver == 2 && approval_status == 1)
|
||||
) {
|
||||
uni.navigateTo({
|
||||
url: "/pages/audit/checkAudit",
|
||||
@ -287,9 +326,17 @@ const actions = {
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// store_status int '店铺创建状态：1-已启用（入驻已审批，合同已生成）；2-未启用',
|
||||
if (approval_status == 1 && store_status == 1 && has_ec_signed == 1&& has_apply_mer == 1&& has_apply_split == 1&& has_ec_signed == 1&&has_apply_receiver==1&&has_bind_receiver==1) {
|
||||
if (
|
||||
approval_status == 1 &&
|
||||
store_status == 1 &&
|
||||
has_ec_signed == 1 &&
|
||||
has_apply_mer == 1 &&
|
||||
has_apply_split == 1 &&
|
||||
has_ec_signed == 1 &&
|
||||
has_apply_receiver == 1 &&
|
||||
has_bind_receiver == 1
|
||||
) {
|
||||
let result = await GetAuditInfo({ mobile: mobile });
|
||||
|
||||
uni.setStorageSync(
|
||||
@ -332,6 +379,19 @@ const actions = {
|
||||
},
|
||||
};
|
||||
|
||||
function getPushClientId() {
|
||||
return new Promise((resolve, reject) => {
|
||||
uni.getPushClientId({
|
||||
success: (res) => {
|
||||
resolve(res.cid);
|
||||
},
|
||||
fail(err) {
|
||||
reject(err);
|
||||
},
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
export default {
|
||||
namespaced: true,
|
||||
state,
|
||||
|
||||
@ -1,2 +1,4 @@
|
||||
/*主颜色*/
|
||||
$base-color: #fe4119; // 蓝色 #4b71ff
|
||||
|
||||
$base-btn-bg-color: linear-gradient(220.55deg, #ff0000 0%, #bc2222 100%);
|
||||
|
||||
@ -1,160 +1,19 @@
|
||||
'use strict';
|
||||
const uniPush = uniCloud.getPushManager({
|
||||
appId: "__UNI__95F809F"
|
||||
});
|
||||
const db = uniCloud.database();
|
||||
const pushLogCollection = db.collection('push_logs'); // 假设存在 push_logs 集合用于记录推送日志
|
||||
|
||||
// 验证设备 ID 是否有效
|
||||
const isValidDeviceId = (deviceId) => {
|
||||
return typeof deviceId ==='string' && deviceId.trim()!== '';
|
||||
};
|
||||
const { log } = require("console");
|
||||
|
||||
const uniPush = uniCloud.getPushManager({appId:"__UNI__95F809F"}) //注意这里需要传入你的应用appId，用于指定接收消息的客户端
|
||||
|
||||
|
||||
|
||||
|
||||
exports.main = async (event, context) => {
|
||||
console.log('event',event);
|
||||
console.log('context',context);
|
||||
|
||||
exports.main = async (event) => {
|
||||
try {
|
||||
let obj = JSON.parse(event.body);
|
||||
|
||||
// 检查发送者和接收者信息
|
||||
if (!obj.senderId ||!obj.receiverId) {
|
||||
const errorMsg = '缺少发送者或接收者信息';
|
||||
// 记录错误日志
|
||||
await pushLogCollection.add({
|
||||
senderId: obj.senderId,
|
||||
receiverId: obj.receiverId,
|
||||
title: obj.title,
|
||||
content: obj.content,
|
||||
status: 'failed',
|
||||
errorCode: 400,
|
||||
errorMsg: errorMsg,
|
||||
timestamp: new Date(),
|
||||
requestBody: obj
|
||||
});
|
||||
return {
|
||||
code: 400,
|
||||
msg: errorMsg
|
||||
};
|
||||
}
|
||||
|
||||
// 如果 category 不是对象，将其移除
|
||||
if (typeof obj.category!== 'object') {
|
||||
delete obj.category;
|
||||
}
|
||||
|
||||
// 从数据库中获取接收者的设备标识
|
||||
if (typeof obj.receiverId!== 'string' || obj.receiverId.trim() === '') {
|
||||
const errorMsg = '接收者 ID 无效';
|
||||
// 记录错误日志
|
||||
await pushLogCollection.add({
|
||||
senderId: obj.senderId,
|
||||
receiverId: obj.receiverId,
|
||||
title: obj.title,
|
||||
content: obj.content,
|
||||
status: 'failed',
|
||||
errorCode: 400,
|
||||
errorMsg: errorMsg,
|
||||
timestamp: new Date(),
|
||||
requestBody: obj
|
||||
});
|
||||
return {
|
||||
code: 400,
|
||||
msg: errorMsg
|
||||
};
|
||||
}
|
||||
const receiverDevices = await db.collection('opendb-device')
|
||||
.where({ userId: obj.receiverId })
|
||||
.get();
|
||||
|
||||
console.log('接收者 ID:', obj.receiverId);
|
||||
console.log('查询到的设备信息原始数据:', receiverDevices.data); // 打印原始数据
|
||||
|
||||
if (receiverDevices.data.length === 0) {
|
||||
const errorMsg = `未找到接收者（ID: ${obj.receiverId}）的设备信息`;
|
||||
// 记录错误日志
|
||||
await pushLogCollection.add({
|
||||
senderId: obj.senderId,
|
||||
receiverId: obj.receiverId,
|
||||
title: obj.title,
|
||||
content: obj.content,
|
||||
status: 'failed',
|
||||
errorCode: 404,
|
||||
errorMsg: errorMsg,
|
||||
timestamp: new Date(),
|
||||
requestBody: obj
|
||||
});
|
||||
return {
|
||||
code: 404,
|
||||
msg: errorMsg
|
||||
};
|
||||
}
|
||||
const pushClientIds = "设备id";
|
||||
// console.log(pushClientIds);
|
||||
const validDeviceIds = ["设备id"];
|
||||
validDeviceIds.push();
|
||||
const invalidDeviceIds = [];
|
||||
if (validDeviceIds.length === 0) {
|
||||
const errorMsg = `接收者（ID: ${obj.receiverId}）的所有设备 ID 均无效，无效的 ID 包括: ${invalidDeviceIds.join(', ')}`;
|
||||
// 记录错误日志
|
||||
await pushLogCollection.add({
|
||||
senderId: obj.senderId,
|
||||
receiverId: obj.receiverId,
|
||||
title: obj.title,
|
||||
content: obj.content,
|
||||
status: 'failed',
|
||||
errorCode: 400,
|
||||
errorMsg: errorMsg,
|
||||
timestamp: new Date(),
|
||||
requestBody: obj
|
||||
});
|
||||
return {
|
||||
code: 400,
|
||||
msg: errorMsg
|
||||
};
|
||||
}
|
||||
const res = await uniPush.sendMessage({
|
||||
"push_clientid": validDeviceIds,
|
||||
"title": obj.title,
|
||||
"content": obj.content,
|
||||
"payload": obj.payload,
|
||||
"force_notification": true,
|
||||
"request_id": obj.request_id,
|
||||
"options": obj.options
|
||||
});
|
||||
|
||||
// 记录成功日志
|
||||
await pushLogCollection.add({
|
||||
senderId: obj.senderId,
|
||||
receiverId: obj.receiverId,
|
||||
title: obj.title,
|
||||
content: obj.content,
|
||||
status:'success',
|
||||
pushResult: res,
|
||||
timestamp: new Date(),
|
||||
requestBody: obj
|
||||
});
|
||||
return {
|
||||
code: 200,
|
||||
msg: '消息推送成功',
|
||||
data: res
|
||||
};
|
||||
} catch (error) {
|
||||
console.error('消息推送出错:', error);
|
||||
// 记录异常错误日志
|
||||
await pushLogCollection.add({
|
||||
senderId: event.senderId,
|
||||
receiverId: event.receiverId,
|
||||
title: event.title,
|
||||
content: event.content,
|
||||
status: 'failed',
|
||||
errorCode: 500,
|
||||
errorMsg: '消息推送失败',
|
||||
errorDetail: error.message,
|
||||
timestamp: new Date(),
|
||||
requestBody: event.body
|
||||
});
|
||||
return {
|
||||
code: 500,
|
||||
msg: '消息推送失败',
|
||||
error: error.message
|
||||
};
|
||||
}
|
||||
return await uniPush.sendMessage(obj)
|
||||
};
|
||||
@ -0,0 +1,4 @@
|
||||
// 本文件中的json内容将在云函数【运行】时作为参数传给云函数。
|
||||
// 配置教程参考：https://uniapp.dcloud.net.cn/uniCloud/rundebug.html#runparam
|
||||
{
|
||||
}
|
||||
88
java-mall-app-shop-admin/utils/gtpush-min.js
vendored
88
java-mall-app-shop-admin/utils/gtpush-min.js
vendored
File diff suppressed because one or more lines are too long
@ -57,7 +57,16 @@ service.interceptors.response.use(
|
||||
return res;
|
||||
},
|
||||
(error) => {
|
||||
console.log("err" + error); // for debug
|
||||
if (error.response && error.response.status === 503) {
|
||||
// 统一处理所有 503 错误
|
||||
console.log("服务器开小差了~");
|
||||
uni.showToast({
|
||||
title: `服务器开小差了~`,
|
||||
icon: "error",
|
||||
duration: 1000,
|
||||
});
|
||||
// 可以在这里显示全局通知或重试逻辑
|
||||
}
|
||||
return Promise.reject(error);
|
||||
}
|
||||
);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user