th_net_hospital_ali_mp/antbuilder/industry/hospitalV2/components/deposit/index.js

import {
	settradePayRe,
	getDischargeSettlementDetails,
	getsubscribeID,
} from "./service";
import history from "../../utils/history";
import { debounce } from "../../utils/index";
import { reportCmPV_YL } from "../../utils/cloudMonitorHelper";
import { tradeResult } from "../../service/common";
Component({
	data: {
		jsonData: {
			Inpatient: {},
		},
		moneyArray: ["¥100", "¥200", "¥300", "¥500", "¥1000", "¥2000"],
		selectedMoney: null,
		money: null,
		inpatientId: "",
		// 住院人的id
		selectIndex: 0,
		// 默认选择的住院人的index
		isReady: false,
		attention: "",
	},

	didMount() {
		const { inpatientId, attention } = this.$page.data.query || {};
		this.setData({
			inpatientId,
			attention,
		});
		// this.subscribeMsg();
		/* 服务预警，押金缴纳 */

		reportCmPV_YL({
			title: "押金缴纳",
		});
	},

	methods: {
		subscribeMsg() {
			const pluginId = 2021001155639035;
			my.loadPlugin({
				plugin: `${pluginId}@*`,
				success: () => {
					this.setData({
						isReady: true,
					}); // 储存插件实列
					// eslint-disable-next-line no-undef

					const pluginInstance = requirePlugin(`dynamic-plugin://${pluginId}`);
					this.requestSubscribeMessage = pluginInstance.requestSubscribeMessage;
				},
			});
		},

		pageScrollToFn(scrollTop) {
			my.pageScrollTo({
				scrollTop,
			});
		},

		// 当input框失焦时候，自动返回顶部
		onBlurChange() {
			this.pageScrollToFn(0);
		},

		// 由于唤起支付弹窗时候，会遮挡掉支付按钮，所以对页面做了自动滚动处理
		onFocusChange() {
			setTimeout(() => {
				this.pageScrollToFn(100);
			}, 100);
		},

		async getJsonData(info) {
			const { inpatientId } = this.data;

			try {
				// 分为两种情况，第一种当从住院人列表跳转过来的时候，有住院人id，第二种是从首页跳转过来，无住院人id
				if (!inpatientId) {
					const infoDetail = info && info.length > 0;
					this.setData({
						jsonData: {
							Inpatient: infoDetail ? info[0] : {},
						},
						inpatientId: infoDetail ? info[0].inpatientId : "",
					});
				} else {
					const res = await getDischargeSettlementDetails({
						inpatientId,
					});
					this.choosePatient(res);
				}
			} catch (error) {
				console.log(error, "error");
			}
		},

		onGetDatas(info) {
			if (!info || info.length === 0) {
				my.showToast({
					content: this.data.attention || "请绑定住院人",
					duration: 1500,
				});
				return false;
			} else {
				my.hideToast();
			}

			this.getJsonData(info);
		},

		selectMoney(event) {
			this.setData(
				{
					selectedMoney: event.target.dataset.index,
					money: parseInt(
						this.data.moneyArray[event.target.dataset.index].replace("¥", "")
					),
				},
				() => {
					this.payMoney();
				}
			);
		},

		changeMoney: debounce((event, that) => {
			let { value: money } = event.detail;
			const defaultValue = money === "";
			const diff = money.indexOf(".") !== -1;
			money = money.replace(/\s*/g, "");

			if (diff) {
				const diffLength = money.indexOf(".");

				if (money.slice(diffLength).length > 3) {
					return;
				}

				if (money.length > diffLength + 1 && money[money.length - 1] !== "0") {
					money = Number(money);
				} else if (money[money.length - 1] != 0) {
					money = `${Number(money)}.`;
				}
			} else {
				money = Number(money);
			}

			that.setData({
				money: defaultValue ? "" : money,
			});
		}, 100),

		popOverClose() {
			// 关闭弹出框
			this.$page.$popModal.hidePopover();
		},

		/**
		 * 选择住院人
		 */
		choosePatient(info) {
			const { hospitalizationRecordList } = this.$page.$popModal.data;
			const selectIndex = hospitalizationRecordList.findIndex(
				(item) => info.inpatientId === item.inpatientId
			); // 获取用户id

			this.setData({
				jsonData: {
					Inpatient: info,
				},
				inpatientId: info.inpatientId,
				selectIndex,
			});
			this.$page.$popModal.hidePopover();
		},

		/**
		 * 增加住院人
		 */
		addPatient() {
			history.push({
				title: "添加住院人",
				pageType: "add-inpatient-information",
				query: {
					color: "#000",
					backBtnColor: "#000",
					background: "#fff",
				},
			});
			this.$page.$popModal.hidePopover();
		},

		onAdmissionRegistration() {
			this.$page.$popModal.showPopover({
				title: "选择住院人",
				popupPosition: "bottom",
				onButtonClose: () => this.popOverClose(),
				// 弹出框关闭
				onChoosePatient: (info) => this.choosePatient(info),
				// 选择就诊人
				onAddPatient: () => this.addPatient(), // 添加就诊人
			});
		},

		// 订阅插件要用时，请放开注释
		requestSubscribeMessageFn(subscribeID) {
			const that = this;
			return new Promise((resolve) => {
				my.requestSubscribeMessage({
					// 模板id列表，最多3个
					entityIds: [subscribeID],

					complete() {
						that.setTrade();
						resolve(true);
					},
				});
			});
		},

		// 支付前先要订阅
		async payMoney() {
			try {
				// const subscribeID = await getsubscribeID();
				// await this.requestSubscribeMessageFn(subscribeID.depositTemplateId);
				this.setTrade();
			} catch (error) {
				console.log(error, "error");
			}
		},

		// 支付弹窗
		async setTrade() {
			const { money, inpatientId, jsonData } = this.data;
			try {
				if (money) {
					my.showLoading();
					const {
						tradeNo: tradeNO,
						outTradeNo,
						depositId,
					} = await settradePayRe({
						amount: money,
						inpatientId,
						admNo: jsonData.Inpatient.admNo || "",
					});
					my.tradePay({
						tradeNO,
						success: async (res) => {
							// 4000 订单处理失败
							// 6001 用途中途取消支付
							// 6002 网络链接出错
							if (
								res.resultCode === "4000" ||
								res.resultCode === "6002" ||
								res.resultCode === "6001"
							) {
								// 支付失败
								my.showToast({
									type: "fail",
									content: res.memo || "订单支付失败",
								});
							} else {
								// 其他情况调用接口确认
								const payRes = await tradeResult({
									tradeNo: tradeNO,
									outTradeNo,
									resultCode: res.resultCode,
								});

								if (payRes.status === "TRADE_SUCCESS") {
									// history.push({
									// 	query: {
									// 		depositId,
									// 		color: "#000",
									// 		backBtnColor: "#000",
									// 		background: "#fff",
									// 		inpatientId,
									// 		hisPatientId: inpatientId,
									// 	},
									// 	title: "押金缴纳详情",
									// 	pageType: "pay-result",
									// });
									//  因为押金缴纳完成后，不能获取到收据No，所以需要跳转到押金缴纳记录
									history.push({
										query: {
											inpatientId,
											color: "#000",
											backBtnColor: "#000",
											background: "#fff",
										},
										title: "押金缴纳记录",
										pageType: "deposit-list",
									});
								} else {
									my.showToast({
										type: "fail",
										content: res.memo || "订单支付失败",
									});
								}
							}
						},
					});
				}
			} catch (error) {
				console.log(error, "error");
			} finally {
				my.hideLoading();
			}
		},
	},
});