import { timeOptions } from '@/utils/data.js'

export default {
	data() {
		return {
			loading: false,

			filterObj: null,
			filterData: {
				dateFilter: 'month',
				dataType: 2
			},
			filterDefaultTab: 'userOrDept',

			filterDataTypeOptions: [
				{ label: '仅本人', value: 1 },
				{ label: '本人及下属', value: 2 },
				{ label: '仅本部门', value: 3 },
				{ label: '本部门及下属部门', value: 4 },
				{ label: '自定义', value: 0 }
			],

			cWidth: '',
			cHeight: '',
			pixelRatio: 1,
			serverData: '',

			filterPopupMaskFlag: true
		}
	},
	computed: {
		// 筛选范围label
		filterDataTypeLabel() {
			const dataType = this.filterData.dataType || null
			if (!dataType || dataType === -1) {
				// const data = this.filterObj.userOrDeptData
				// const flag = data.type === 1
				// return flag ? data.data[0].name : data.data[0].realname
        return '自定义'
			} else {
				const findRes = this.filterDataTypeOptions.find(o => o.value === dataType)
				if (findRes) {
					return findRes.label
				}
			}
			return ''
		},
		// 筛选时间label
		filterTimeLabel() {
			const type = this.filterData.dateFilter
			if (!type || type === -1 || type === 'custom') {
				// const startTime = this.filterObj.startTime.replace(/-/g, '.')
				// const endTime = this.filterObj.endTime.replace(/-/g, '.')
				const startTime = this.filterObj.startDate
				const endTime = this.filterObj.endDate
				return `${startTime}~${endTime}`
			} else {
				const findRes = timeOptions.find(o => o.value === type)
				if (findRes) {
					return findRes.label
				}
			}
			return ''
		}
	},
	methods: {
		handleOpenFilter(tab) {
			this.filterDefaultTab = tab
			this.$refs.filterPopup.open()
		},

		handleCloseFilter() {
			this.$refs.filterPopup.close()
		},

		handleChangeFilter(filterObj, data) {
			console.info('handleChangeFilter: ', filterObj, data)
			this.filterObj = filterObj
			this.filterData = filterObj
			this.getData()
		},

		filterMaskClick() {
			if (!this.filterPopupMaskFlag) {
				this.$refs.workbenchFilter.closeChildPopup()
			}
		},
		childPopupChange(flag) {
			this.filterPopupMaskFlag = !flag
			console.log('childPopupChange flag', flag)
		}
	}
}