Files
foton-laws-system-front/src/pages/policyRegulation/policy/components/policySearch.vue
T
2023-10-27 11:04:50 +08:00

118 lines
4.7 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"
placeholder="请选择适用车型"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</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"
placeholder="请选择文本状态"
:key="item.value"
:value="item.value"
:label="item.label"
></el-option>
</el-select>
</el-formItem>
<el-form-item class="search-item btn-box">
<el-button
type="primary"
size="mini"
class="common-button-primary"
v-btn-permission="'776298201c756873ddc8000eb716e347'"
@click="getBussionStandTableBtn(lawsStandInfoSearch)">
查询
</el-button>
<el-button
size="mini"
class="common-button-default"
v-btn-permission="'f0e6ba2b9736b77f9a271addf692b9c0'"
@click="clearAllSearch('lawsStandInfoSearch')">清空
</el-button>
<el-button size="mini" type="primary" class="common-button-primary"
v-btn-permission="'2e08f0dcb187e214127f971419f91174'" @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",
data() {
return {
}
},
props: {
lawsStandInfoSearch: {
type: Object,
default: () => ({})
},
dict: {
type: Object,
required: true
}
},
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>