zhywpt-h5/hooks/unifyTemplate.ts

import CustomHeader from '@/components/CustomHeader';
import formBuilderVue from '@/components/form-builder/form-builder-vue3';
import { ref } from 'vue';
import { useQdOrderStore } from '@/stores/qdOrder.js';
import { request } from '@/utils/network/request';
// @ts-ignore
import { storeToRefs } from 'pinia';
// 配合formBuilderVue3模板使用
export const unifyTemplate = () => {
	const qdOrderStore = useQdOrderStore();
	const isShow = ref(false); //是否展示页面
	let { qdOrderVal, cusQdOrderVal } = storeToRefs(qdOrderStore);
	/**
	 * 初始化获取远端配置
	 * opin:路由参数
	 * */
	const initData = (opin: any, pageStep: Number) => {
		let qdOrderNo: any;
		console.log(opin, pageStep);
		if (opin && opin.qdOrderNo) {
			qdOrderNo = opin.qdOrderNo;
			uni.setStorageSync('web_qdOrderNo', opin.qdOrderNo);
		} else {
			qdOrderNo =
				qdOrderVal.value.qdOrderNo || uni.getStorageSync('web_qdOrderNo');
			// qdOrderNo =  qdOrderVal.value.qdOrderNo || '1234567';
		}
		// 拼接参数
		return request('ac8756cc31eb4816b8eaeb71907ff9c1', {
			data: {
				qdOrderNo,
				pageStep
			}
		}).then((res) => {
			let data;
			// console.log(res.bizContent);
			if (res.bizContent) {
				data = JSON.parse(res.bizContent);
				// 保存qdOrder数据
				qdOrderVal.value = { ...data.qdOrder, ...cusQdOrderVal.value };
			}
			console.log(data);
			// qdOrderStore.setQdOrder(data.qdOrder);
			return data;
		});
	};

	return {
		formBuilderVue,
		CustomHeader,
		initData,
		isShow,
		qdOrderVal,
		cusQdOrderVal
	};
};