// FilterComplex.vue
<template>
	<div class="my-filter-complex">
		<div class="my-fc-type">
			<vxe-radio v-model="option.data.type" name="fType" label="lt">小于</vxe-radio>
			<vxe-radio v-model="option.data.type" name="fType" label="eq">等于</vxe-radio>
			<vxe-radio v-model="option.data.type" name="fType" label="gt">大于</vxe-radio>
		</div>
		<div class="my-fc-name"><el-input v-model="option.data.name" type="text" placeholder="请输入数量" @input="changeOptionEvent()" ><i slot="suffix" class="el-input__icon el-icon-search" ></i></el-input></div>
		<div class="my-fc-footer">
			<el-button :disabled="!option.data.name" type="text" @click="confirmEvent" class="item">筛选</el-button>
			<el-button style="margin-left: 0" type="text" @click="resetEvent" class="item">重置</el-button>
		</div>
	</div>
</template>

<script>
// import XEUtils from 'xe-utils'
import { complexMixin } from './mixin.js';
export default {
	mixins:[complexMixin]
};
</script>

<style scoped>
.my-filter-complex {
	width: 260px;
	padding: 5px 15px 10px 15px;
}
.my-filter-complex .my-fc-type {
	padding: 8px 0;
}
.my-filter-complex .my-fc-footer {
	text-align: center;
}
</style>
