Files
foton-laws-system-front/src/pages/policyRegulation/policy/components/policySearch.vue
T

152 lines
5.1 KiB
Vue

<template>
<table-tools-bar
@search="getBussionStandTableBtn(lawsStandInfoSearch)"
@reset="clearAllSearch('lawsStandInfoSearch')"
>
<div slot="left">
<div class="search-area">
<div class="left">
<el-form :modal="lawsStandInfoSearch" :inline="true" class="label-input-form" @submit.native.prevent="getBussionStandTableBtn(lawsStandInfoSearch)">
<!--<el-formItem label="政策编号" prop="lawsNumber" class="search-item">-->
<!-- <el-input v-model="lawsStandInfoSearch.lawsNumber" clearable placeholder="根据编号查找" :maxlength="100" @keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"/>-->
<!--</el-formItem>-->
<el-formItem label="政策名称" prop="numberName" class="search-item">
<el-input
v-model="lawsStandInfoSearch.lawsName"
clearable
placeholder="根据政策名称查找"
:maxlength="100"
@keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"
/>
</el-formItem>
<el-formItem label="政策文号" prop="lawsNo" class="search-item">
<el-input
v-model="lawsStandInfoSearch.lawsNo"
clearable
placeholder="根据政策文号查找"
:maxlength="100"
@keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"
/>
</el-formItem>
<el-formItem label="发文单位" prop="issueCompany" class="search-item">
<el-input
v-model="lawsStandInfoSearch.issueCompany"
clearable
placeholder="根据发文单位查找"
:maxlength="100"
@keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"
/>
</el-formItem>
<el-formItem label="适用车型" prop="lawsSycx" class="search-item">
<el-select
:value="lawsSycx"
multiple
filterable
clearable
collapse-tags
@change="lawsSycxChange"
>
<el-option
v-for="item in dict.lawsSycxOptions"
:key="item.value"
placeholder="请选择适用车型"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-formItem>
<el-formItem label="政策状态" prop="lawsTextState" class="search-item">
<el-select v-model="lawsStandInfoSearch.lawsTextState" filterable clearable>
<el-option
v-for="item in dict.lawsTextStateOptions"
:key="item.value"
placeholder="请选择政策状态"
:value="item.value"
:label="item.label"
/>
</el-select>
</el-formItem>
<el-form-item class="search-item btn-box">
<el-button
v-btn-permission="'776298201c756873ddc8000eb716e347'"
type="primary"
size="mini"
class="common-button-primary"
@click="getBussionStandTableBtn(lawsStandInfoSearch)"
>
查询
</el-button>
<el-button
v-btn-permission="'f0e6ba2b9736b77f9a271addf692b9c0'"
size="mini"
class="common-button-default"
@click="clearAllSearch('lawsStandInfoSearch')"
>
清空
</el-button>
<el-button
v-btn-permission="'2e08f0dcb187e214127f971419f91174'"
size="mini"
type="primary"
class="common-button-primary"
@click="selectMoreBtn"
>
高级检索
</el-button>
</el-form-item>
</el-form>
</div>
</div>
</div>
<div slot="right" class="right shaixuan-button">
<!-- <el-button icon="shaixuan" type="primary" class="common-button-primary" round @click="isAdvancedSearch = true">高级检索</el-button>-->
</div>
</table-tools-bar>
</template>
<script>
export default {
name: 'PolicySearch',
props: {
lawsStandInfoSearch: {
type: Object,
default: () => ({})
},
dict: {
type: Object,
required: true
}
},
data () {
return {
}
},
computed: {
lawsSycx () {
return this.lawsStandInfoSearch.lawsSycx ? this.lawsStandInfoSearch.lawsSycx.split(',') : []
}
},
methods: {
// 搜索
getBussionStandTableBtn (item, advancedSearch, type) {
this.$emit('getBussionStandTableBtn')
},
// 高级检索
selectMoreBtn () {
this.$emit('selectMoreBtn')
},
// 清空搜索框
clearAllSearch (flag) {
this.$emit('clearSearch')
},
lawsSycxChange (value) {
this.$set(this.lawsStandInfoSearch, 'lawsSycx', value.join(','))
}
}
}
</script>
<style scoped>
</style>