// pages/materialUpload/index.js
const app = getApp();
const $$ = require('../../utils/util');

// 删除附件
function delfileApi(id) {
	return $$.request({ url: 'fileInfo/deleteById?id=' + id, type: 'get', service: 'sys', v1: true });
}

Page({
	/**
	 * 页面的初始数据
	 */
	previewImageVisible: false, // 判断是否进入查看图片
	filesArr: [],
	data: {
		popup: {}, // 下拉弹出框数据
		data: [], // 材料数据
		activeMaterial: 0, // 当前选中的材料下标
		person: [], // 身份证明材料中选择的人员数据
		activePerson: 0, // 人员数据下标
		formatData: {
			fileList: [],
			personFile: [],
		}, // 调整展示数据格式
		caseId: 0, // 案件id
		fileUrl: $$.baseUrl + $$.url.fileShowUrl,
	},

	// 展示弹出层
	handleShowPopup(e) {
		let data =
			e.currentTarget.dataset.type === 'materialtype'
				? this.data.data.map((x) => {
						delete x.fileList;
						x.label = x.title;
						return x;
				  })
				: this.data.person.map((x) => {
						x.label = x.trueName;
						return x;
				  });
		let index = 0;
		foreach: for (let i = 0; i <= data.length; i++) {
			if (data[i].label === e.currentTarget.dataset.value) {
				index = i;
				break foreach;
			}
		}
		this.setData({
			popup: {
				visible: true,
				title: e.currentTarget.dataset.title,
				selectData: data,
				type: e.currentTarget.dataset.type,
				noPicker: true,
				activeIndex: index,
			},
		});
	},

	// 关闭弹出层
	handleClosePopup() {
		this.data.popup.visible = false;
		this.setData({ popup: this.data.popup });
	},

	// 下拉框确认选择
	handleConfirmPicker({ detail }) {
		let type = this.data.popup.type;
		let index = detail.detail.index;
		this.data.popup.visible = false;
		if (type === 'materialtype') {
			this.data.activeMaterial = index;
		} else {
			this.data.activePerson = index;
		}
		this.setData({ popup: this.data.popup, activeMaterial: this.data.activeMaterial, activePerson: this.data.activePerson }, () => {
			this.formatData();
		});
	},

	// 预览图片
	handlePreviewImage(e) {
		let index = e.currentTarget.dataset.index;
		let personindex = e.currentTarget.dataset.personindex;
		let urls = [];
		let arr = this.data.activeMaterial !== 2 ? this.data.formatData.fileList : this.data.formatData.personFile[personindex].fileList;
		arr.forEach((x) => {
			urls.push(x.wxurl ? x.wxurl : `${this.data.fileUrl}${x.id}`);
		});
		wx.previewImage({
			current: arr[index].wxurl || `${this.data.fileUrl}${arr[index].id}`,
			urls: urls,
		});
		this.previewImageVisible = true;
	},

	// 删除图片
	async handleDelImage(e) {
		let ownerType = e.currentTarget.dataset.ownertype;
		let ownerId = e.currentTarget.dataset.ownerid;
		let id = e.currentTarget.dataset.id;
		$$.showLoading();
		const res = await delfileApi(id);
		if (res.type) {
			$$.showToast({ icon: 'success', title: '删除成功', duration: 500 });
			let files = this.data.data[this.data.activeMaterial].files;
			let num = this.data.data[this.data.activeMaterial].num;
			let fileList = [];
			if (this.data.activeMaterial !== 2) {
				fileList = files.filter((item) => item.ownerType === ownerType)[0].fileList;
			} else {
				fileList = files.filter((item) => item.ownerId === ownerId)[0].fileList;
			}
			fileList.forEach((x, t) => {
				if (x.id === id) {
					fileList.splice(t, 1);
					num = num - 1;
				}
			});
			this.data.data[this.data.activeMaterial].num = num;
			this.setData({ data: this.data.data }, () => {
				app.globalData.material.data = this.data.data;
				this.formatData();
			});
		}
	},

	// 数据格式化显示
	formatData() {
		let fileList = [];
		let personFile = [];
		if (this.data.activeMaterial !== 2) {
			fileList = this.data.data[this.data.activeMaterial].files[0]?.fileList || [];
		} else {
			let person = this.data.person;
			let files = this.data.data[this.data.activeMaterial].files;
			let personId = person[this.data.activePerson].id;
			let personFiles = files.filter((item) => item.ownerId === personId)[0]?.fileList || [];
			if (person[this.data.activePerson].agent) {
				// 代理人
				personFile = [
					{
						ownerId: personId,
						value: '22_00018-205',
						title: '身份证明材料',
						fileList: personFiles.filter((item) => item.ownerType === '22_00018-205'),
            text: '请上传“居民身份证”',
					},
					{
						ownerId: personId,
						value: '22_00018-207',
						title: '授权委托书',
						fileList: personFiles.filter((item) => item.ownerType === '22_00018-207'),
            text: '请上传代理人的“授权委托书”',
					},
				];
			} else {
        // 当事人
				if (person[this.data.activePerson].perClass === '09_01001-1') {
					// 申请人 or 被申请人的人员类型：自然人
					personFile = [
						{
							ownerId: personId,
							value: '22_00018-202',
							title: '身份证明材料',
							fileList: personFiles.filter((item) => item.ownerType === '22_00018-202'),
							text: '请上传“居民身份证”',
						},
					];
				} else if (person[this.data.activePerson].perClass === '09_01001-2' || person[this.data.activePerson].perClass === '09_01001-3') {
					// 申请人 or 被申请人的人员类型：法人,非法人组织
					let name = person[this.data.activePerson].perClass === '09_01001-2' ? '法定' : '机构';
					personFile = [
						{
							ownerId: personId,
							value: '22_00018-204',
							title: name + '代表人身份证明',
							text:
								person[this.data.activePerson].perClass === '09_01001-2'
									? '请上传“法定代表人居民身份证”和“法定代表人证明书”'
									: '请上传“机构代表人居民身份证”',
							fileList: personFiles.filter((item) => item.ownerType === '22_00018-204'),
						},
						{
							ownerId: personId,
							value: '22_00018-203',
							title: name + '登记材料',
							text: '可上传“工商登记证明”或“组织机构代码证”',
							fileList: personFiles.filter((item) => item.ownerType === '22_00018-203'),
						},
					];
				}
			}
		}
		this.setData({ formatData: { fileList, personFile } });
	},

	// 上传文件图片
	async handleUploadFile(e) {
		let id = e.currentTarget.dataset.id;
		let type = e.currentTarget.dataset.type;
		let that = this;
		this.filesArr = [];
		wx.chooseMedia({
			mediaType: ['image'],
			success(res2) {
				const tempFiles = res2.tempFiles;
				// 多个文件逐一上传
				tempFiles.forEach((x, t) => {
					$$.showLoading('上传中...');
					wx.uploadFile({
						url: `${$$.baseUrl}${$$.url.sys}/api/v1/fileInfo/wechatUpload/${id}/${type}`,
						filePath: x.tempFilePath,
						name: 'file',
						header: { Authorization: app.globalData.token },
						complete(res) {
							$$.hideLoading();
							if (res.errMsg === 'uploadFile:ok') {
								const data = { ...JSON.parse(res.data), wxurl: x.tempFilePath };
								that.filesArr.splice(t, 0, data);
							} else {
								that.filesArr.splice(t, 0, { code: '400' });
							}
							if (tempFiles.length === that.filesArr.length) {
								let errNum = 0;
								let files = that.data.data[that.data.activeMaterial].files;
								let num = that.data.data[that.data.activeMaterial].num;
								that.filesArr.forEach((y) => {
									if (y.code == 0) {
										// 将文件数据回填展示
										let file = y.data[0];
										file.wxurl = y.tempFilePath;
										let fileList = [];
										// 判断是否是人员的身份材料上传
										if (that.data.activeMaterial !== 2) {
											if (files.length === 0) {
												// 当无时添加默认
												files[0] = { ownerType: type, fileList: [] };
											}
											fileList = files.filter((item) => item.ownerType === type)[0].fileList;
										} else {
											let personFiles = files.filter((item) => item.ownerId === id);
											if (personFiles.length === 0) {
												// 当无时添加默认
												files.push({ ownerId: id, ownerName: that.data.person[that.data.activePerson].trueName, fileList: [] });
											}
											fileList = files.filter((item) => item.ownerId === id)[0].fileList;
										}
										num = num + 1;
										fileList.push(file);
									} else {
										errNum = errNum + 1;
									}
								});
								if (errNum !== 0) {
									$$.showToast({ title: `已上传：${tempFiles.length - errNum}，失败：${errNum}`, duration: 500 });
								} else {
									$$.showToast({ icon: 'success', title: '上传成功', duration: 500 });
								}
								app.globalData.material.uploadVisible = true;
								that.data.data[that.data.activeMaterial].num = num;
								that.setData({ data: that.data.data }, () => {
									app.globalData.material.data = that.data.data;
									that.formatData();
								});
							}
						},
					});
				});
			},
		});
	},

	/**
	 * 生命周期函数--监听页面加载
	 */
	onLoad(options) {
		if (!this.previewImageVisible) {
			this.setData(
				{
					data: app.globalData.material.data,
					activeMaterial: parseInt(options.activeMaterial),
					person: app.globalData.material.person,
					caseId: options.caseId,
				},
				() => {
					this.formatData();
				}
			);
		}
		if (this.previewImageVisible) {
			this.previewImageVisible = false;
		}
	},
});