陈誉午
994b267f5c
- 电子药箱: 药品库存管理 + 手动录入 + 今日用药打卡 - 药品百科: 搜索 + 分类筛选 + 20种药品静态数据 - 惠教中心: 4条药品使用指南课程 - 我的: 家庭成员信息管理 - 自定义TabBar + navigation-bar组件 - SVG药品分类插图
303 lines
11 KiB
TypeScript
303 lines
11 KiB
TypeScript
// components/static/good-detail-popup/good-detail-popup.ts
|
|
import { request } from "../../../utils/request";
|
|
import { getAddress } from "../../../utils/get-address";
|
|
import { appId, shopId } from "../../../env";
|
|
import { wxRequestSubscribe } from "../../../utils/wx-api";
|
|
// @ts-ignore
|
|
const systemInfo = wx.getWindowInfo();
|
|
const app = getApp<IAppOption>();
|
|
Component({
|
|
properties: {
|
|
mode: {
|
|
// one: 单规格, list: 多规格
|
|
type: String,
|
|
value: "one",
|
|
},
|
|
skuId: Number,
|
|
spuId: Number,
|
|
hasTabBar: Boolean,
|
|
showShopCart: {
|
|
type: Boolean,
|
|
value: false,
|
|
},
|
|
joinedGroupI9d: {
|
|
type: String,
|
|
value: null,
|
|
},
|
|
},
|
|
|
|
data: {
|
|
goodList: {},
|
|
showPopup: false,
|
|
swiperList: [],
|
|
count: 1,
|
|
checkItem: null,
|
|
skus: [],
|
|
addressId: null,
|
|
defualtAddress: "未知地址",
|
|
safeBottom: getApp().globalData.safeBottom,
|
|
showStock: app.globalData.showStock,
|
|
selectedCoupon: null //选择的优惠券
|
|
},
|
|
|
|
methods: {
|
|
async openPopup(this: WechatMiniprogram.Component.TrivialInstance) {
|
|
await this.handleGetInfo();
|
|
this.setData({ showPopup: true });
|
|
},
|
|
|
|
closePopup(this: WechatMiniprogram.Component.TrivialInstance) {
|
|
this.setData({ showPopup: false });
|
|
},
|
|
|
|
async handleGetInfo(this: WechatMiniprogram.Component.TrivialInstance) {
|
|
await getAddress(this);
|
|
|
|
let api = "";
|
|
let params = {};
|
|
|
|
if (this.data.mode === "one") {
|
|
api = "/app/shop-store/sku-one";
|
|
params = { id: Number(this.data.skuId) };
|
|
} else {
|
|
api = "/app/shop-store/sku-list";
|
|
params = { id: Number(this.data.spuId) };
|
|
}
|
|
|
|
try {
|
|
const res: any = await request({
|
|
options: { url: api, data: params },
|
|
loadingTitle: "获取商品信息中",
|
|
needLogin: false,
|
|
});
|
|
|
|
let swiperList: string[] = [];
|
|
let checkItem = null;
|
|
|
|
if (this.data.mode === "one") {
|
|
// 单规格
|
|
swiperList = res.sliderPicUrls?.filter(Boolean) || [res.picUrl];
|
|
checkItem = res;
|
|
} else {
|
|
// 多规格
|
|
swiperList = res.sliderPicUrls?.filter(Boolean);
|
|
|
|
if ((!swiperList || !swiperList.length) && res.skus) {
|
|
swiperList = res.skus.map((s: any) => s.picUrl ?? s.picUrl);
|
|
}
|
|
|
|
// 找到默认可售SKU
|
|
checkItem = res.skus.find((s: any) => s.stock > 0) || res.skus[0];
|
|
|
|
// 给goodList添加最低价
|
|
const min = res.skus.reduce((p: any, c: any) =>
|
|
c.price < p.price ? c : p
|
|
);
|
|
res.price = min.price;
|
|
}
|
|
|
|
this.setData({
|
|
goodList: res,
|
|
skus: this.data.mode === "one" ? [res] : res.skus,
|
|
swiperList,
|
|
checkItem,
|
|
skuId: checkItem.skuId,
|
|
});
|
|
} catch (err) {
|
|
console.log(err);
|
|
wx.showToast({ icon: "none", title: "商品信息获取失败" });
|
|
} finally {
|
|
wx.hideLoading();
|
|
}
|
|
},
|
|
|
|
/** SKU 切换 */
|
|
onSetSkuId(e: any) {
|
|
const that = this as any;
|
|
const checkItem = e.detail.checkItem;
|
|
if (that.data.checkItem?.skuId === checkItem.skuId) {
|
|
that.setData({ checkItem: null, skuId: null });
|
|
return;
|
|
}
|
|
if (checkItem.stock < 1) {
|
|
return wx.showToast({ icon: "none", title: "库存不足" });
|
|
}
|
|
that.setData({ checkItem, skuId: checkItem.skuId });
|
|
},
|
|
|
|
onCountChange(e: any) {
|
|
const that = this as any;
|
|
that.setData({ count: e.detail });
|
|
},
|
|
|
|
/** 下单 */
|
|
async handleSubmit() {
|
|
const that = this as any;
|
|
if (!app.redirectLogin()) return;
|
|
if (!that.data.checkItem) {
|
|
return wx.showToast({ title: "未选择商品！", icon: "none", duration: 2000 });
|
|
}
|
|
if (that.data.checkItem.price == 0) return wx.showToast({ title: "暂无报价", icon: "none", duration: 3000 });
|
|
if (that.data.count > that.data.checkItem.stock) {
|
|
if (!that.data.showStock) {
|
|
return wx.showToast({ title: "暂无报价", icon: "none", duration: 2000 });
|
|
}
|
|
return wx.showToast({ title: "库存不足！", icon: "none", duration: 2000 });
|
|
}
|
|
if (!that.data.addressId || !that.data.defualtAddress) {
|
|
wx.showToast({ title: "请先填写地址！", icon: "none", duration: 2000 });
|
|
wx.navigateTo({ url: "/pages/common/location/location" })
|
|
return
|
|
}
|
|
const value = {
|
|
addressId: that.data.addressId,
|
|
userId: wx.getStorageSync("userId"),
|
|
mbuId: wx.getStorageSync("mbuId"),
|
|
appId,
|
|
goods: [{ id: that.data.skuId, count: that.data.count }],
|
|
shopId,
|
|
type: 1
|
|
} as any;
|
|
if (that.data.joinedGroupId) value.roomId = that.data.joinedGroupId;
|
|
if (that.data.selectedCoupon) {
|
|
value.couponIds = that.data.selectedCoupon.couponIds;
|
|
}
|
|
let subscribeTmplIds = [] as any[];
|
|
try {
|
|
const subscribe = await wxRequestSubscribe(['3gO2ryTGiXvUWhMgjMH8il3CyBrYmPaO0AR_gwsx69M', 'ts3RBa4gtlEEAtPomEyr4l1Bt1C8PAjbD7-jvtpddkg']) as any;
|
|
subscribeTmplIds = Object.entries(subscribe)
|
|
.filter(([id, status]) => status === 'accept')
|
|
.map(([id]) => id);
|
|
if (subscribeTmplIds.length > 0) {
|
|
value.subscribeTmplIds = subscribeTmplIds;
|
|
}
|
|
} catch (e: any) {
|
|
console.log(e, '下单失败')
|
|
}
|
|
try {
|
|
wx.showLoading({ title: "下单中" });
|
|
const res: any = await request({
|
|
options: { url: "/app/app-pay/js-api", data: value },
|
|
});
|
|
|
|
wx.requestPayment({
|
|
...res.data,
|
|
package: res.data.packageVal,
|
|
success: () => {
|
|
wx.switchTab({ url: "/pages/tab-bar/user/user" });
|
|
wx.showToast({ title: "支付成功" });
|
|
},
|
|
fail() {
|
|
wx.showToast({ title: "支付取消", icon: "none" });
|
|
},
|
|
complete: () => wx.hideLoading(),
|
|
});
|
|
} catch (err) {
|
|
wx.hideLoading();
|
|
console.log(err, '下单失败')
|
|
wx.showToast({ title: "下单失败", icon: "none" });
|
|
}
|
|
},
|
|
|
|
// 选优惠券下单
|
|
async handleBeforeSubmit() {
|
|
const that = this as any;
|
|
if (!app.redirectLogin()) return;
|
|
if (!that.data.checkItem) {
|
|
return wx.showToast({ title: "未选择商品！", icon: "none", duration: 2000 });
|
|
}
|
|
if (that.data.checkItem.price == 0) return wx.showToast({ title: "暂无报价", icon: "none", duration: 3000 });
|
|
if (that.data.count > that.data.checkItem.stock) {
|
|
if (!that.data.showStock) {
|
|
return wx.showToast({ title: "暂无报价", icon: "none", duration: 2000 });
|
|
}
|
|
return wx.showToast({ title: "库存不足！", icon: "none", duration: 2000 });
|
|
}
|
|
if (!that.data.addressId || !that.data.defualtAddress) {
|
|
wx.showToast({ title: "请先填写地址！", icon: "none", duration: 2000 });
|
|
wx.navigateTo({ url: "/pages/common/location/location" })
|
|
return
|
|
}
|
|
|
|
const amount = that.data.checkItem.price * that.data.count;
|
|
|
|
// 打开优惠券弹窗
|
|
that.selectComponent("#couponPopup").handleSwitch(amount);
|
|
},
|
|
|
|
//选择优惠券后
|
|
onCouponSelect(e: any) {
|
|
const that = this as any;
|
|
const { coupon } = e.detail;
|
|
if (coupon) {
|
|
that.setData({ selectedCoupon: coupon });
|
|
} else {
|
|
that.setData({ selectedCoupon: null });
|
|
}
|
|
if (that.data.selectedCoupon !== null) {
|
|
wx.showToast({
|
|
title: "已使用优惠券",
|
|
duration: 2000
|
|
})
|
|
}
|
|
// 继续下单
|
|
this.handleSubmit();
|
|
},
|
|
|
|
/** 加购物车 */
|
|
handleAddCart() {
|
|
const that = this as any;
|
|
if (!app.redirectLogin()) return;
|
|
|
|
const item = that.data.checkItem;
|
|
if (!item) return wx.showToast({ title: "未选择商品", icon: "none", duration: 3000 });
|
|
if (item.price == 0) return wx.showToast({ title: "暂无报价", icon: "none", duration: 3000 });
|
|
if (that.data.count > item.stock) {
|
|
if (!that.data.showStock) {
|
|
return wx.showToast({ title: "暂无报价", icon: "none", duration: 2000 });
|
|
}
|
|
return wx.showToast({ title: "库存不足", icon: "none", duration: 3000 });
|
|
}
|
|
|
|
let all = wx.getStorageSync("shoppingCart") || [];
|
|
const mbuId = wx.getStorageSync("mbuId");
|
|
|
|
let cart = all.find((i: any) => i.mbuId == mbuId);
|
|
if (!cart) {
|
|
cart = { mbuId, data: [] };
|
|
all.push(cart);
|
|
}
|
|
|
|
const exist = cart.data.find((i: any) => i.skuId == item.skuId);
|
|
if (exist) {
|
|
exist.count += that.data.count;
|
|
if (exist.count > item.stock) {
|
|
return wx.showToast({ title: "超过库存限制", icon: "none" });
|
|
}
|
|
} else {
|
|
cart.data.push({ ...item, count: that.data.count });
|
|
}
|
|
|
|
wx.setStorageSync("shoppingCart", all);
|
|
wx.showToast({ title: "加入购物车成功" });
|
|
},
|
|
handleSelcetLocation() {
|
|
if (!app.redirectLogin()) return;
|
|
wx.navigateTo({
|
|
url: "/pages/common/location/location",
|
|
});
|
|
},
|
|
},
|
|
pageLifetimes: {
|
|
show() {
|
|
const that = this as any;
|
|
if (that.data.showPopup === true) getAddress(this);
|
|
},
|
|
},
|
|
lifetimes: {
|
|
attached: function () {
|
|
getAddress(this);
|
|
},
|
|
}
|
|
});
|