92 lines
2.4 KiB
Vue
92 lines
2.4 KiB
Vue
<template>
|
|
<div>
|
|
<el-card shadow="never">
|
|
<div class="btn-group tool-button">
|
|
<el-input placeholder="请输入会议名称" clearable v-model="page.searchKeyword"
|
|
@keyup.enter.native="$emit('doSearch')">
|
|
</el-input>
|
|
</div>
|
|
<div class="btn-group tool-button">
|
|
<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">
|
|
<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">
|
|
<el-button type="primary" icon="el-icon-search" @click="$emit('search')"></el-button>
|
|
</div>
|
|
<div class="pull-right offscreen-right" v-if="audit">
|
|
<el-radio-group v-model="page.isAudit" @change="auditChange">
|
|
<el-radio-button :label="null">全部</el-radio-button>
|
|
<el-radio-button :label="true">已批复</el-radio-button>
|
|
<el-radio-button :label="false">未批复</el-radio-button>
|
|
</el-radio-group>
|
|
</div>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
module.exports = {
|
|
props: {
|
|
page: {
|
|
type: Object,
|
|
default: {}
|
|
},
|
|
audit: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
isadmin: {
|
|
type: Boolean,
|
|
default: true
|
|
},
|
|
unionid: {
|
|
type: String,
|
|
default: ''
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
unionOptions: [],
|
|
unitOptions: [],
|
|
}
|
|
},
|
|
methods: {
|
|
async unionChange(val) {
|
|
this.unitOptions = await getUnits(val)
|
|
},
|
|
async auditChange(val) {
|
|
if(val === null) {
|
|
delete this.page.isAudit
|
|
}
|
|
this.$emit('search')
|
|
},
|
|
},
|
|
async created() {
|
|
this.unionOptions = await getUnions()
|
|
if (!this.isadmin) {
|
|
this.unionOptions = [this.unionOptions.find(x => x.id === this.unionid)]
|
|
}
|
|
//this.unitOptions = await getUnits(null)
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
</style> |