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;
		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;
			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
	};
};