管理系统PC前端
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
dm-manage-web/src/views/zs/officeSign/components/SearchForm.vue

60 lines
1.8 KiB

2 years ago
<template>
<div>
<el-form ref="searchForm" :model="searchForm" inline>
<el-form-item label="报名点" prop="officeId">
<el-input v-model="searchForm.officeId" placeholder="请输入报名点ID" clearable />
</el-form-item>
<el-form-item label="姓名/手机号" prop="name">
<el-input v-model="searchForm.name" placeholder="请输入姓名" clearable />
</el-form-item>
<el-form-item label="身份证号" prop="idcard">
<el-input v-model="searchForm.idcard" placeholder="请输入身份证号" clearable />
</el-form-item>
<el-form-item label="线索来源" prop="source">
<el-input v-model="searchForm.source" placeholder="请输入线索来源" clearable />
</el-form-item>
<el-form-item label="成交日期" prop="dealDate">
<el-date-picker clearable v-model="searchForm.dealDate" type="date" value-format="yyyy-MM-dd" placeholder="请选择成交日期">
</el-date-picker>
</el-form-item>
<el-form-item label-width="0">
<el-button type="primary" icon="el-icon-search" @click="$emit('search')">搜索</el-button>
<el-button icon="el-icon-refresh" @click="resetQuery">重置</el-button>
</el-form-item>
</el-form>
</div>
</template>
<script>
import DMRadio from '@/components/DMRadio';
export default {
components: {
DMRadio
},
data() {
return {
searchForm: {},
dateRange: []
}
},
created() {
},
methods: {
resetQuery() {
this.searchForm = {
officeId: undefined,
name: undefined,
idcard: undefined,
source: undefined,
dealDate: undefined
};
this.dateRange = []
},
pickDateChange() {
this.addDateRange(this.searchForm, this.dateRange)
}
},
}
</script>