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 { requestNew } 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;
		if (opin && opin.qdOrderNo) {
			qdOrderNo = opin.qdOrderNo;
			uni.setStorageSync('web_qdOrderNo', opin.qdOrderNo);
		} else {
			qdOrderNo =
				qdOrderVal.value.orderNo || uni.getStorageSync('web_qdOrderNo');
			// qdOrderNo =  qdOrderVal.value.qdOrderNo || '1234567';
		}
		if (opin && opin.channelTypes) {
			uni.setStorageSync('channelTypes', {
				qdOrderNo: qdOrderNo,
				channelTypes: opin.channelTypes
			});
			cusQdOrderVal.value.channelTypes = opin.channelTypes
		} else {
			const channelTypesObj = uni.getStorageSync('channelTypes')
			if (channelTypesObj && channelTypesObj.qdOrderNo === qdOrderNo) {
				cusQdOrderVal.value.channelTypes = cusQdOrderVal.value.channelTypes || channelTypesObj.channelTypes || '';
			} else {
				cusQdOrderVal.value.channelTypes = '';
				uni.setStorageSync('channelTypes', '')
			}
		}
		console.log(qdOrderNo,'qdOrderNo',qdOrderVal.value)
		// 拼接参数
		return requestNew('/iaw/h5/order/web/geth5config', {
			data: {
				qdOrderNo,
				pageStep
			}
		}).then((res) => {
			// console.log(res.bizContent);
			let data = res.data
			if (res.code === 0) {
				qdOrderVal.value = { ...data.order, ...cusQdOrderVal.value };
			}
			console.log(res, qdOrderVal.value);
			// qdOrderStore.setQdOrder(data.qdOrder);
			return data;
		});
	};

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