filter-comp.js 1.14 KB
/**
 * 组件描述:过滤组件
 * PC端样式为左图标右文案
 * 主要用于错误提示
 */

export default {
	props: {
		// 是否显示组件
		visible: {
			type: Boolean,
			default: true,
		},
		// 取消按钮回调方法
		close: {
			type: Function,
			default: null
		},
		// 点击蒙层回调方法
		overlay: {
			type: Function,
			default: null
		},
		// 传入数据
		items: {
			type: Array,
			default: () => [
				"复选框 A",
				"复选框 B",
				"复选框 C",
				"复选框 D",
				"复选框 E",
				"复选框 F",
				"复选框 G",
				"复选框 H",
				"复选框 I",
				"复选框 J",
				"复选框 K",
				"复选框 L",
			]
		}
	},
	data() {
		return {
			key: 'value',
			checkList: []
		}
	},
	components: {},
	computed: {
		locale() {
			return this.$i18n.locale || 'tc';
		},
	},
	methods: {
		// 点击关闭
		onCloseHandler() {
			if (this.close) {
				this.close();
			}
		},
		// 点击蒙层
		onOverLayHandler() {
			if (this.overlay) {
				this.overlay();
			}
		},
		toTarget() {
			if (this.target) {
				this.$emit("targetCallbak", this.target1);
			}
		},
		initData() {}
	},
	mounted() {},
	created() {},
}