WechatApp/App.vue

<script>
import initConfig from '@/initConfig.js';
// #ifdef MP-WEIXIN
import { SCAN_QR_CACHE } from '@/settings/enums.js';
// #endif

/** 从 scene 解析：支持小程序码 s=店铺id&t=桌号id、storeId_tableId、纯数字桌号、JSON 等 */
function parseSceneToStoreTable(sceneStr) {
	const trim = (v) => (v == null ? '' : String(v).trim());
	let storeId = '';
	let tableId = '';
	if (!sceneStr) return { storeId, tableId };
	let decoded = sceneStr;
	try {
		decoded = decodeURIComponent(decoded);
	} catch (_) {}
	decoded = trim(decoded);
	const parseKv = (text) => {
		const out = { storeId: '', tableId: '' };
		text.split('&').forEach((pair) => {
			const eq = pair.indexOf('=');
			if (eq > 0) {
				const k = pair.substring(0, eq).trim().toLowerCase();
				let v = pair.substring(eq + 1).trim();
				try { v = decodeURIComponent(v); } catch (_) {}
				v = trim(v);
				if (['s', 'storeid', 'store_id'].includes(k)) out.storeId = v;
				if (['t', 'tableid', 'table_id', 'tableno', 'table'].includes(k)) out.tableId = v;
			}
		});
		return out;
	};
	try {
		if (decoded.startsWith('{') && decoded.endsWith('}')) {
			const obj = JSON.parse(decoded);
			return { storeId: trim(obj?.storeId ?? obj?.store_id ?? obj?.s ?? ''), tableId: trim(obj?.tableId ?? obj?.table_id ?? obj?.tableid ?? obj?.t ?? obj?.tableNo ?? obj?.table ?? '') };
		}
		if (/^\d+_\d+$/.test(decoded)) {
			const [s, t] = decoded.split('_');
			return { storeId: trim(s), tableId: trim(t) };
		}
		if (/^\d+$/.test(decoded)) return { storeId: '', tableId: decoded };
		return parseKv(decoded);
	} catch (err) {
		console.warn('parseSceneToStoreTable', err);
	}
	return { storeId, tableId };
}

export default {
	onLaunch: function (e) {
		// 只有小程序执行
		// #ifdef MP-WEIXIN
		initConfig();
		// 通过二维码编译/扫码进入：将二维码携带的信息缓存（query.scene 为小程序码参数，query.q 为普通链接二维码）
		try {
			const sceneEnc = e?.query?.scene;
			const qEnc = e?.query?.q;
			const scene = sceneEnc != null && sceneEnc !== '' ? decodeURIComponent(String(sceneEnc)) : '';
			const q = qEnc != null && qEnc !== '' ? decodeURIComponent(String(qEnc)) : '';
			const rawFromQR = scene || q || '';
			if (rawFromQR) {
				const { storeId, tableId } = parseSceneToStoreTable(rawFromQR);
				const payload = { raw: rawFromQR, storeId, tableId };
				uni.setStorageSync(SCAN_QR_CACHE, JSON.stringify(payload));
				if (storeId) uni.setStorageSync('currentStoreId', storeId);
				if (tableId) uni.setStorageSync('currentTableId', tableId);
			}
		} catch (err) {
			console.warn('缓存二维码启动参数失败', err);
		}
		// #endif
	},
	onShow: function (res) {
		console.log('App Show', res);
		// 是否是从被打开的小程序返回
		const { appId, extraData } = res.referrerInfo;
		if (appId && extraData) {
			uni.$emit('listener:ArBack', res.referrerInfo);
		}
	},
	onHide: function () {
		console.log('App Hide');
	}
};
</script>

<style lang="scss">
view,
image,
label {
  box-sizing: border-box;
  word-break: break-all;
}

image {
  height: auto;
  width: auto;
}

/* #ifndef APP-NVUE */
// 设置整个项目的背景色
page {
  background-color: #f7f9fa;
}

/* #endif */

// 弹性盒子
.flex {
  display: flex;

  &-none {
    flex: none;
  }

  &-1 {
    flex: 1;
  }

  &-y {
    flex-direction: column;
  }

  &-top {
    align-items: flex-start !important;
  }

  // 顶部对齐
  &-bottom {
    align-items: flex-end;
  }

  // 底部对齐
  &-content-end {
    justify-content: flex-end;
  }

  // 水平靠右 || 垂直靠下对齐
  &-center {
    align-items: center;
  }

  // 水平居中对齐
  &-center-center {
    align-items: center;
    justify-content: center;
  }

  // 水平垂直居中
  &-between {
    justify-content: space-between;
  }

  // 两端不留间隙对齐
  &-around {
    justify-content: space-around;
  }

  // 两端留间隙对齐
  &-wrap {
    flex-wrap: wrap;
  }

  // 允许换行
}

.w-0 {
  width: 0;
}

.h-0 {
  height: 0;
}

// 隐藏显示多少行
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-all;

  @for $i from 2 through 10 {
    &.ellipsis-#{$i} {
      -webkit-line-clamp: $i;
    }
  }

  &-no {
    display: block;
  }
}

// 点击时的透明度
.hover-active {
  opacity: 0.8 !important;
}

// 底部安全区
.safe-area {
  padding-bottom: constant(safe-area-inset-bottom);
  /* 兼容 iOS < 11.2 */
  padding-bottom: env(safe-area-inset-bottom);
  /* 兼容 iOS >= 11.2 */
}

.ql-editor.ql-blank:before {
  color: #999999;
  font-size: 28rpx;
  font-style: normal;
}
</style>