60 lines
2.0 KiB
Vue
60 lines
2.0 KiB
Vue
<template>
|
|
<el-card shadow="always" class="search_header_top_row1">
|
|
|
|
<el-form :inline="true" :model="filterForm" class="demo-form-inline">
|
|
<!-- <el-form-item label="关键字">
|
|
<el-input v-model="filterForm.keyword" placeholder="请输入关键字" clearable />
|
|
</el-form-item> -->
|
|
<el-form-item label="企业名称">
|
|
<el-input v-model="filterForm.companyName" placeholder="请输入企业名称" clearable />
|
|
</el-form-item>
|
|
<el-form-item label="统一社会信用代码">
|
|
<el-input v-model="filterForm.creditCode" placeholder="请输入统一社会信用代码" clearable />
|
|
</el-form-item>
|
|
<el-form-item label="用户名">
|
|
<el-input v-model="filterForm.userName" placeholder="请输入用户名" clearable />
|
|
</el-form-item>
|
|
<el-form-item label="申请日期范围">
|
|
<el-date-picker v-model="filterForm.dataRange" type="daterange" range-separator="To" start-placeholder="Start date"
|
|
end-placeholder="End date" />
|
|
</el-form-item>
|
|
<el-form-item style="float: right;margin-top: 12px;">
|
|
<el-button type="primary" @click="serachFn">查询</el-button>
|
|
<el-button type="plain" @click="resetFn">重置</el-button>
|
|
<el-button type="primary" @click="exportFn">导出</el-button>
|
|
</el-form-item>
|
|
</el-form>
|
|
|
|
</el-card>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
const emits = defineEmits(['search','reset','export'])
|
|
import {getdatatime} from "utils/time"
|
|
const filterForm:any = reactive({
|
|
keyword: '',
|
|
companyName:'',
|
|
userName:'',
|
|
creditCode:'',
|
|
dataRange:''
|
|
})
|
|
|
|
const serachFn = () => {
|
|
emits('search',filterForm)
|
|
}
|
|
|
|
const resetFn=()=>{
|
|
emits('reset')
|
|
}
|
|
|
|
const exportFn =()=>{
|
|
emits('export')
|
|
}
|
|
|
|
onMounted(()=>{
|
|
filterForm.dataRange = getdatatime()
|
|
})
|
|
</script>
|
|
|
|
<style scoped lang="scss"></style>
|