Files
UNION_HUTB/target/classes/static/components/jdh/JdhTwoSearch.vue
T
2026-09-09 09:14:28 +08:00

74 lines
2.0 KiB
Vue

<template>
<div>
<el-row class="header navbar bg-white shadow">
<div class="btn-group tool-button mt5">
<el-input placeholder="请输入会议名称" clearable v-model="page.searchKeyword"
@keyup.enter.native="$emit('doSearch')">
</el-input>
</div>
<div class="btn-group tool-button mt5">
<el-select clearable v-model="page.unionId" filterable placeholder="请选择工会" @change="unionChange">
<el-option
v-for="item in unionOptions"
:key="item.id"
:label="item.unionname"
:value="item.id">
</el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-select clearable v-model="page.unitId" filterable placeholder="请选择单位">
<el-option
v-for="item in unitOptions"
:key="item.id"
:label="item.name"
:value="item.id">
</el-option>
</el-select>
</div>
<div class="btn-group tool-button mt5">
<el-button type="primary" icon="el-icon-search" @click="$emit('search')"></el-button>
</div>
<div class="pull-right offscreen-right mt5" v-if="audit">
<el-radio-group v-model="page.isAudit" @change="$emit('search')">
<el-radio-button label="true">已审核</el-radio-button>
<el-radio-button label="false">未审核</el-radio-button>
</el-radio-group>
</div>
</el-row>
</div>
</template>
<script>
module.exports = {
props: {
page: {
type: Object,
default: {}
},
audit: {
type: Boolean,
default: true
}
},
data() {
return {
unionOptions: [],
unitOptions: [],
}
},
methods: {
async unionChange(val) {
this.unitOptions = await getUnits(val)
}
},
async created() {
this.unionOptions = await getUnions(null)
this.unitOptions = await getUnits(null)
}
}
</script>
<style scoped>
</style>