import { mapState } from "vuex";

import api from '@/api/api'
import {
	formdata,
	httpPost
} from '@/api/fetch-api.js'

import { getNationsList, getMarryList, getPolicyIdTypeList } from '@/utils/biz.js';
import { setTitle } from '@/utils/utils.js';

import Auth from '@components/auth/auth.vue';
import PolicyHeadList from "./policy-head-list.vue";
import DatePicker from '@/components/date-picker/date-picker.vue'
import modalComp from '@/components/modal-comp/modal-comp.vue';
import modalUploadCardComp from '@/components/modal-upload-card-comp/modal-upload-card-comp.vue';
import Vue from 'vue';
import { Loading, Field } from 'vant';
Vue.use(Loading);

export default {
	data() {
		return {
			loading: false,
			showForm: false,
			key: 'value',
			isOwner: true,
			checked: false,
			modalUploadCardVisiable: false,
			selectedPolicies: [],
			data: null,
			// 保单信息
			policyOld: null,
			policy: null,
			// ID证件照引用
			idFront: null,
			idBack: null,

			// 模态窗
			modalSimpleVisiable: false,
			modalVisiable: false,
			targetPath: "",
			modalIcon: "succ",
			modalContent: "",
			showIdNumber: false,

			showType: ""
		}
	},
	components: {
		modalUploadCardComp,
		PolicyHeadList,
		Auth,
		DatePicker,
		modalComp
	},
	computed: {
		...mapState({
			userInfo: state => state.userInfo
		}),
		locale() {
			return this.$i18n.locale || 'tc';
		},
		i18n() {
			return this.$i18n.messages && this.$i18n.locale ? this.$i18n.messages[this.$i18n.locale] : {};
		},
		sexCandidates() {
			let i18n = this.$i18n.messages[this.$i18n.locale];
			return i18n.infomationImprove.candidates.sex;
		},
		idTypeCandidates() {
			let i18n = this.$i18n.messages[this.$i18n.locale];
			return i18n.infomationImprove.candidates.idType;
		},
		nationList() {
			return getNationsList(this.$i18n.locale);
		},
		marryList() {
			return getMarryList(this.$i18n.locale);
		},
		policyIdTypeList() {
			return getPolicyIdTypeList(this.$i18n.locale);
		}
	},
	methods: {

		showModal(content, icon) {
			icon = !icon || typeof icon === "undefined" ? "succ" : icon;
			this.modalIcon = icon;
			this.modalContent = content;
			this.modalVisiable = true;
		},
		modalCallback() {
			this.modalVisiable = false;
		},
		loadData() {
			// if (this.isOwner && this.data) {
			// 	return;
			// }

			if (this.loading) {
				return;
			}
			this.loading = true;
			this.data = null;
			let param = {
				policyId: this.selectedPolicies[0].id,
				policyCode: this.selectedPolicies[0].code
			};
			httpPost({
				url: api.policyDetail,
				data: param,
				sid: true
			}).then(res => {
				this.loading = false;
				if (res) {
					if (res != null) {
						this.policy = JSON.parse(JSON.stringify(res));
						this.policyOld = JSON.parse(JSON.stringify(res));
						this.policy.clientBirthday = this.policy.clientBirthday ? this.policy.clientBirthday.split(" ")[0] : "";
						this.policy.insuredBirthday = this.policy.insuredBirthday ? this.policy.insuredBirthday.split(" ")[0] : "";
						this.policyOld.clientBirthday = this.policyOld.clientBirthday ? this.policyOld.clientBirthday.split(" ")[0] : "";
						this.policyOld.insuredBirthday = this.policyOld.insuredBirthday ? this.policyOld.insuredBirthday.split(" ")[0] : "";
						this.initData();
					}

					// let clientNameCn = res.clientNameCn ? res.clientNameCn : res.clientNameEn;
					// let clientNameEn = res.clientNameEn ? res.clientNameEn : res.clientNameCn;
					// let insuredNameCn = res.insuredNameCn ? res.insuredNameCn : res.insuredNameEn;
					// let insuredNameEn = res.insuredNameEn ? res.insuredNameEn : res.insuredNameCn;
					// this.policy.clientName = this.locale == 'en' ? clientNameEn : clientNameCn;
					// this.policy.insuredName = this.locale == 'en' ? insuredNameEn : insuredNameCn;
					// // 证件类型、证件号要备份，用于比较
					// this.policy.clientIdTypeBak = this.policy.clientIdType;
					// this.policy.clientIdNumberBak = this.policy.clientIdNumber;

					// this.policy.insuredIdTypeBak = this.policy.insuredIdType;
					// this.policy.insuredIdNumberBak = this.policy.insuredIdNumber;
				}
			}).catch(err => {
				this.loading = false;
				this.handleErrResponse(err);
			});
		},
		initData() {
			this.idFront = null;
			this.idBack = null;
			let res = this.policy;
			if (res) {
				let isOwner = this.isOwner;

				let data = {
					nameCn: isOwner ? res.clientNameCn : res.insuredNameCn,
					nameEn: isOwner ? res.clientNameEn : res.insuredNameEn,
					idType: isOwner ? res.clientIdType : res.insuredIdType,
					idNumber: isOwner ? res.clientIdNumber : res.insuredIdNumber,
					idExpireAt: isOwner ? res.clientExpireAt : res.insuredExpireAt,
					nature: isOwner ? res.clientNationality : res.insuredNationality,
					company: isOwner ? res.clientCompany : res.insuredCompany,
					marriage: isOwner ? res.clientMarriage : res.insuredMarriage,
					sex: isOwner ? res.clientSex : res.insuredSex,
					birthday: isOwner ? res.clientBirthday : res.insuredBirthday
				};
				data.sex = data.sex ? data.sex : "M";
				this.$set(this, 'data', data);
			}
		},
		handlePolicySelect(data) {
			this.selectedPolicies = data;
			this.loadData();
		},

		handleUpdatePolicy() {
			if (this.loading) {
				return;
			}
			this.showType = null;
			let showUploadPicDialog = false;
			this.replaceData();
			let showOwner = this.policy.clientIdType != this.policyOld.clientIdType || this.policy.clientIdNumber != this.policyOld.clientIdNumber;
			let showInsured = this.policy.insuredIdType != this.policyOld.insuredIdType || this.policy.insuredIdNumber != this.policyOld.insuredIdNumber;
			let showType = showOwner ? "owner" : null;
			if (showInsured) {
				showType = showType ? "both" : "insured";
			}
			showUploadPicDialog = showType ? true : false;
			this.showType = showType;

			if (showUploadPicDialog) {
				this.modalUploadCardVisiable = true;
			} else {
				this.loading = true;
				this.updatePolicyInfoV2();
			}
		},
		handleUpdatePolicyWithFile(data) {
			this.modalUploadCardVisiable = false;
			if (this.loading) {
				return;
			}
			this.loading = true;
			let nameCache = [];
			let myFormData = new FormData();
			(data.ownerFrontPicFile) && (myFormData.append("files", data.ownerFrontPicFile), nameCache.push("clientIdFrontStoragePath"));
			(data.ownerBackPicFile) && (myFormData.append("files", data.ownerBackPicFile), nameCache.push("clientIdBackStoragePath"));
			(data.insuredFrontPicFile) && (myFormData.append("files", data.insuredFrontPicFile), nameCache.push("insuredIdFrontStoragePath"));
			(data.insuredBackPicFile) && (myFormData.append("files", data.insuredBackPicFile), nameCache.push("insuredIdBackStoragePath"));
			formdata({ "url": api.updateIdFileV2, "myFormData": myFormData, "sid": true }).then(res => {
				let list = res.content;
				let fileIds = {};
				for (let index = 0; index < list.length; index++) {
					fileIds[nameCache[index]] = list[index];
				}
				this.updatePolicyInfoV2(fileIds);
			}).catch(err => {
				this.loading = false;
				this.handleErrResponse(err);
			});

		},
		// 旧接口备份
		handleUpdatePolicyBak() {
			let showUploadPicDialog = false;
			if (this.isOwner) {
				showUploadPicDialog = (this.policy.clientIdType != this.data.idType || this.policy.clientIdNumber != this.data.idNumber);
			} else {
				showUploadPicDialog = (this.policy.insuredIdType != this.data.idType || this.policy.insuredIdNumber != this.data.idNumber);
			}
			if (showUploadPicDialog) {
				this.modalUploadCardVisiable = true;
			} else {
				this.updatePolicyInfo();
			}
		},
		updatePolicyInfoV2(idFiles) {
			let data = {
				policyId: this.policy.policyId,
				policyCode: this.policy.policyCode,
				insuredNameEn: this.policy.insuredNameEn,
				insuredNameCn: this.policy.insuredNameCn,
				insuredIdType: this.policy.insuredIdType,
				insuredIdNumber: this.policy.insuredIdNumber,
				insuredExpireAt: this.policy.insuredExpireAt,
				insuredNationality: this.policy.insuredNationality,
				insuredCompany: this.policy.insuredCompany,
				insuredMarriage: this.policy.insuredMarriage,
				insuredSex: this.policy.insuredSex,
				insuredBirthday: this.policy.insuredBirthday,
				clientNameEn: this.policy.clientNameEn,
				clientNameCn: this.policy.clientNameCn,
				clientIdType: this.policy.clientIdType,
				clientIdNumber: this.policy.clientIdNumber,
				clientExpireAt: this.policy.clientExpireAt,
				clientNationality: this.policy.clientNationality,
				clientCompany: this.policy.clientCompany,
				clientMarriage: this.policy.clientMarriage,
				clientSex: this.policy.clientSex,
				clientBirthday: this.policy.clientBirthday
			};
			if (idFiles) {
				for (let k in idFiles) {
					data[k] = idFiles[k];
				}
			}

			httpPost({ url: api.updatePolicyInfoV2, data: data, sid: true }).then(res => {
				if (this.isOwner) {
					let userInfo = JSON.parse(JSON.stringify(this.userInfo));
					userInfo.name = data.clientNameCn ? data.clientNameCn : data.clientNameEn;
					if (userInfo.name) {
						this.$store.commit("SET_USER_INFO", userInfo);
					}
				}
				this.loading = false;
				this.showModal(this.i18n.policyChangeInformation.success);
			}).catch(err => {
				this.loading = false;
				this.handleErrResponse(err);
			});

		},

		// 旧接口备份
		handleUpdatePolicyWithFileBak(data) {
			this.idFront = data.front;
			this.idBack = data.back;
			this.updatePolicyIdPic().then(() => {
				this.updatePolicyInfo();
			});
		},
		updatePolicyInfo() {
			if (this.loading) {
				return;
			}
			this.loading = true;
			let param = JSON.parse(JSON.stringify(this.data));
			delete param.birthday;
			delete param.sex;
			param.modifyObj = this.isOwner ? 1 : 2;
			let policies = [];

			this.selectedPolicies.forEach(element => {
				policies.push({ policyId: element.id, policyCode: element.code });
			});

			param.policies = policies;
			httpPost({ url: api.updatePolicyInfo, data: param, sid: true }).then(res => {
				if (this.isOwner && param.name) {
					let userInfo = JSON.parse(JSON.stringify(this.userInfo));
					userInfo.name = param.name;
					this.$store.commit("SET_USER_INFO", userInfo);
				}
				this.loading = false;
				this.showModal(this.i18n.policyChangeInformation.success);
			}).catch(err => {
				this.loading = false;
				this.handleErrResponse(err);
			});
		},
		updatePolicyIdPic() {
			return new Promise((resolve, reject) => {
				if (this.loading) {
					return;
				}
				this.loading = true;
				let param = {
					policyId: this.selectedPolicies[0].id,
					policyCode: this.selectedPolicies[0].code,
					modifyObj: this.isOwner ? 1 : 2,
					front: this.idFront,
					back: this.idBack
				};
				this.modalUploadCardVisiable = false;
				formdata({ url: api.idPicUpload, data: param, sid: true }).then(res => {
					this.loading = false;
					resolve();
				}).catch(err => {
					this.loading = false;
					this.handleErrResponse(err);
				});
			});
		},
		replaceData() {
			if (!this.isOwner) {
				// 需要缓存结果，注意取反，此处存在受保人信息
				this.policy.insuredNameEn = this.data.nameEn;
				this.policy.insuredNameCn = this.data.nameCn;
				this.policy.insuredIdType = this.data.idType;
				this.policy.insuredIdNumber = this.data.idNumber;
				this.policy.insuredExpireAt = this.data.idExpireAt;
				this.policy.insuredNationality = this.data.nature;
				this.policy.insuredCompany = this.data.company;
				this.policy.insuredMarriage = this.data.marriage;
				this.policy.insuredSex = this.data.sex;
				this.policy.insuredBirthday = this.data.birthday;
			} else {
				// 需要缓存结果，注意取反，此处存在投保人信息
				this.policy.clientNameEn = this.data.nameEn;
				this.policy.clientNameCn = this.data.nameCn;
				this.policy.clientIdType = this.data.idType;
				this.policy.clientIdNumber = this.data.idNumber;
				this.policy.clientExpireAt = this.data.idExpireAt;
				this.policy.clientNationality = this.data.nature;
				this.policy.clientCompany = this.data.company;
				this.policy.clientMarriage = this.data.marriage;
				this.policy.clientSex = this.data.sex;
				this.policy.clientBirthday = this.data.birthday;
			}
		},
		switchPolicyRole(role) {
			if (this.isOwner && role == 1) {
				return;
			}
			if (!this.isOwner && role == 2) {
				return;
			}
			this.replaceData();
			this.isOwner = role == 1 ? true : false;
			this.initData();
		},
		handleErrResponse(err) {
			if (err) {
				if (err.code == 404) {
					this.$refs.auth.noAuth();
				}
				if (err.errMsg) {
					this.showModal(errMsg, 'info');
				}
			}
		},
		toContactUs() {
			this.$router.push({
				path: "/custom/service",
				query: {
					q: "m1"
				}
			});
		},
		userLogout() {
			this.showForm = false;
		},
		userLogin(data) {
			this.showForm = true;
		},
		initTitle() {
			try {
				let title = this.i18n.customService.menu43;
				setTitle(title);
			} catch (e) {

			}
		}
	},
	mounted() {
		this.isOwner = this.$route.query.u == 2 ? false : true;
		this.initTitle();
	},
	created() { }
}