import api from "@/api/api";
import { httpGet, httpPost } from "@/api/fetch-api.js";

import { contactMethodCheck } from "@utils/utils.js";
import { setTitle, ascSort } from "@/utils/utils.js";
import {
	getNationsList,
	getNationsPhoneCodeList,
	getCnProvinceList,
	getCityList
} from "@/utils/biz.js";

import Auth from "@components/auth/auth.vue";
import UsTaxFormUploadComp from "./us-tax-form-upload-comp.vue";
import PolicyHeadList from "./policy-head-list.vue";
import modalComp from "@/components/modal-comp/modal-comp.vue";
import Modal2Comp from "@/components/modal2-comp/modal2-comp.vue";
import Vue from "vue";
import { Loading } from "vant";
Vue.use(Loading);

export default {
	data() {
		return {
			loading: false,
			showForm: false,
			key: "value",
			checked1: false,
			checked2: false,
			checked3: false,
			dataInit: false,
			selectedPolicies: [],
			data: {
				policyContactCode: "",
				// 国际号码区号列表
				mobileAreaCode: "",
				// 电话
				mobile: "",
				// 国际地区区号
				countryId: "",
				// 省
				provinceId: "",
				// 市
				cityId: "",
				// 地址
				address: "",
				// 同意接收宣传信息 1:同意 0:不同意
				acceptMessage: 1,

				// 上传信息
				iobsKey: "",
				fileFormat: "",
				fileSize: 0,
				fileContentType: ""
			},
			errorTips: {
				e1: "", // 电话号码
				e2: "", // 地址
				e3: "", // email
				e4: "", // 国际地区取号
				e5: "", // 电话区号
				e6: "", // 省 中国大陆需要判断
				e7: "", // 市 中国大陆需要判断
			},

			modalSimpleVisiable: false,
			modalVisiable: false,
			modalVisiableTimeoutIndex: 0, //定时隐藏索引
			usTaxFormUploadCompVisible: false,
			uploadErrorVisible: false,
			targetPath: "",
			modalIcon: "succ",
			modalContent: "",

			lastPolicyCode: "",

			// 国际号码区号列表
			nationsPhoneCodeList: [],
			// 国际地区区号
			nationsList: [],
			provinceList: [],
			cityList: []
		};
	},
	components: {
		Auth,
		PolicyHeadList,
		modalComp,
		UsTaxFormUploadComp,
		Modal2Comp
	},
	computed: {
		locale() {
			return this.$i18n.locale || "tc";
		},
		i18n() {
			return this.$i18n.messages && this.$i18n.locale
				? this.$i18n.messages[this.$i18n.locale]
				: {};
		},
		submitBtnDisabled() {
			// let b1 = !this.selectedPolicies || this.selectedPolicies.length == 0;
			// let b2 = !this.data.address && !this.data.email && !this.data.mobile;
			let b1 = !this.selectedPolicies || this.selectedPolicies.length == 0;
			let b2 =
				!this.data.address ||
				!this.data.email ||
				!this.data.mobile ||
				!this.data.mobileAreaCode ||
				!this.data.countryId;
			let b3 = false;
			if (this.isChina) {
				if (!this.data.provinceId || !this.data.cityId) {
					b3 = true;
				}
			}
			return b1 || b2 || b3;
		},
		isChina() {
			let result = this.data.countryId == "28";
			return result;
		},
		isUSA() {
			let result = this.data.countryId == "225";
			// return true;
			return result;
		}
	},
	methods: {
		showModal(content, icon) {
			icon = !icon || typeof icon === "undefined" ? "succ" : icon;
			this.modalIcon = icon;
			this.modalContent = content;
			this.modalVisiable = true;
		},
		modalCallback() {
			clearTimeout(this.modalVisiableTimeoutIndex);
			this.modalVisiable = false;
		},
		showSuccess() {
			this.showModal(this.i18n.policyChangeContact.success);
		},
		showUploadSuccess() {
			this.showModal(this.i18n.policyChangeContact.uploadSuccess);
			this.modalVisiableTimeoutIndex = setTimeout(() => {
				this.modalVisiable = false;
			}, 3000);
		},
		// 提交前准备
		updateContactsHandler() {
			if (this.submitBtnDisabled) {
				return;
			}

			this.errorTips = {
				e1: "",
				e2: "",
				e3: "",
				e4: "",
				e5: "",
				e6: "",
				e7: ""
			};
			let b1 = this.checkMobile();
			let b2 = this.checkEmail();
			let b3 = this.checkAddress();
			let b4 = this.checkNationsPhoneCode();
			let b5 = this.checkNations();
			let b6 = this.checkProvince();
			let b7 = this.checkCity();
			let b = b1 && b2 && b3 && b4 && b5 && b6 && b7;

			if (b) {
				// 判断是否美国 出
				if (this.isUSA) {
					this.usTaxFormUploadCompVisible = true;
				} else {
					this.doSubmit();
				}
			}
		},
		/**
		 * 提交表单
		 */
		doSubmit(val = {}) {
			// this.usTaxFormUploadCompVisible = false;
			if (this.loading) {
				return;
			}
			let policies = [];
			this.selectedPolicies.forEach(element => {
				policies.push({ policyId: element.id, policyCode: element.code });
			});

			let data = Object.assign(this.data, val);
			data.policies = policies;
			if (!this.isChina) {
				data.provinceId = "";
				data.cityId = "";
			}
			data.policyContactCode = "";
			data.policyId = "";
			data.policyCode = "";

			this.loading = true;
			httpPost({
				url: api.policyContactApi,
				data: data,
				sid: true
			})
				.then(() => {
					this.loading = false;
					this.usTaxFormUploadCompVisible = false;
					this.showSuccess();
				})
				.catch(err => {
					this.loading = false;
					if (err.code == 404) {
						this.$refs.auth.noAuth();
					}
				});
		},

		/**
		 * 从美国税务表单组件提交
		 */
		onUsTaxSubmit(val) {
			this.doSubmit(val);
		},

		checkMobile() {
			if (this.data.mobile) {
				let hkMobile = contactMethodCheck("hkmobile", this.data.mobile);
				let zhMobile = contactMethodCheck("mobile", this.data.mobile);
				if (!hkMobile && !zhMobile) {
					this.errorTips.e1 = this.i18n.policyChangeContact.errorTips.e1;
					return false;
				}
			}
			return true;
		},
		checkAddress() {
			if (!this.data.address) {
				this.errorTips.e2 = this.i18n.policyChangeContact.errorTips.e2;
			}
			return true;
		},
		checkEmail() {
			if (this.data.email && !contactMethodCheck("email", this.data.email)) {
				this.errorTips.e3 = this.i18n.policyChangeContact.errorTips.e3;
				return false;
			}
			return true;
		},
		checkNationsPhoneCode() {
			if (!this.data.mobileAreaCode) {
				this.errorTips.e4 = this.i18n.policyChangeContact.errorTips.e4;
				return false;
			}
			return true;
		},
		checkNations() {
			if (!this.data.countryId) {
				this.errorTips.e5 = this.i18n.policyChangeContact.errorTips.e5;
				return false;
			}
			return true;
		},
		checkProvince() {
			if (this.isChina) {
				if (!this.data.provinceId) {
					this.errorTips.e6 = this.i18n.policyChangeContact.errorTips.e6;
					return false;
				}
				return true;
			}
			return true;
		},
		checkCity() {
			if (this.isChina) {
				if (!this.data.cityId) {
					this.errorTips.e7 = this.i18n.policyChangeContact.errorTips.e7;
					return false;
				}
				return true;
			}
			return true;
		},
		/**
		 * 选择国家
		 */
		onChangeNations() {
			// this.checkProvince();
		},
		/**
		 * 选择省份
		 */
		onChangeProvince() {
			this.$set(this.data, "cityId", "");
			this.cityList = getCityList(this.$i18n.locale, this.data.provinceId);
			this.data.cityId = this.cityList[0].v;
		},
		onAgreeHandler() {
			let acceptMessage = !this.data.acceptMessage;
			this.$set(this.data, "acceptMessage", acceptMessage);
		},
		initData() {
			// 获取国际电话区号
			let nationsPhoneCodeListTemp = getNationsPhoneCodeList();
			// 去重
			let obj = {};
			let nationsPhoneCodeList = nationsPhoneCodeListTemp.reduce(
				(cur, next) => {
					//设置cur默认类型为数组，并且初始值为空的数组
					obj[next.n] ? "" : (obj[next.n] = true && cur.push(next));
					return cur;
				},
				[]
			);

			// // 加数字属性标号用于排序
			// nationsPhoneCodeList.forEach(element => {
			// 	element.num = parseInt(element.n);
			// });
			// // 排序
			// nationsPhoneCodeList = nationsPhoneCodeList.sort(ascSort("num", ""));
			this.nationsPhoneCodeList = nationsPhoneCodeList;

			// 获取国际区号
			this.nationsList = getNationsList(this.$i18n.locale);

			// 获取省份
			this.provinceList = getCnProvinceList(this.$i18n.locale);

			// if (this.dataInit) {
			// 	return;
			// }
			if (this.loading) {
				return;
			}
			if (!this.selectedPolicies || this.selectedPolicies.length == 0) {
				return;
			}
			// this.data = null;
			this.loading = true;
			let param = {
				policyId: this.selectedPolicies[0].id,
				policyCode: this.selectedPolicies[0].code
			};

			if (this.lastPolicyCode == param.policyCode) {
				return;
			}
			this.lastPolicyCode = param.policyCode;

			httpPost({
				url: api.policyContactDetailApi,
				data: param,
				sid: true
			})
				.then(response => {
					this.loading = false;
					this.dataInit = true;
					if (response) {
						this.data = Object.assign(this.data, response);
						if (response.provinceId) {
							this.cityList = getCityList(
								this.$i18n.locale,
								this.data.provinceId
							);
						}
					}
				})
				.catch(res => {
					this.loading = false;
					if (res.code == "404") {
						this.$refs.auth.noAuth();
					}
				});
		},
		handlePolicySelect(data) {
			this.selectedPolicies = data;
			this.initData();
		},
		userLogout() {
			this.showForm = false;
		},
		userLogin(data) {
			this.showForm = true;
		},
		initTitle() {
			try {
				let title = this.i18n.customService.menu42;
				setTitle(title);
			} catch (e) {
				console.error(e);
			}
		},
	},
	watch: {
		"data.mobile": function () {
			this.errorTips.e1 = "";
		},
		"data.address": function () {
			this.errorTips.e2 = "";
		},
		"data.email": function () {
			this.errorTips.e3 = "";
		},
		"data.mobileAreaCode": function () {
			this.errorTips.e4 = "";
		},
		"data.countryId": function () {
			this.errorTips.e5 = "";
		},
		"data.provinceId": function () {
			this.errorTips.e6 = "";
		},
		"data.cityId": function () {
			this.errorTips.e7 = "";
		}
	},
	mounted() {
		this.initTitle();
	},
	created() {
		this.$root.eventBus.$on("langChange", () => {
			try {
				this.initData();
			} catch (e) { }
		});
	}
};