重构国内外政策
This commit is contained in:
zyn
@@ -0,0 +1,355 @@
|
||||
<template>
|
||||
<el-drawer
|
||||
title="高级搜索"
|
||||
size="700px"
|
||||
:wrapperClosable="false"
|
||||
:visible.sync="isAdvancedSearch">
|
||||
<div class="demo-drawer-content">
|
||||
<el-form
|
||||
:model="lawsStandInfoSearch"
|
||||
:inline="true"
|
||||
class="label-input-form table-lattice"
|
||||
label-width="76px"
|
||||
style="display: flex;flex-wrap: wrap">
|
||||
<ProcessTitle>
|
||||
<template slot="title">基础信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="政策分类" title="政策分类" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.lawsType" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.lawsTypeOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="发文日期" class="add-form-item form-item-disabled">
|
||||
<el-datePicker v-model="lawsStandInfoSearch.issueTime"
|
||||
:editable="false"
|
||||
placeholder="请选择发文日期"
|
||||
value-format="yyyy-MM-dd"
|
||||
clearable></el-datePicker>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用区域" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.lawsSyqy" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.lawsSyqyOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="年度" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.lawsYear" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.lawsYearOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="信息简报" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.lawsBulletin" clearable
|
||||
placeholder="请输入政策文号"
|
||||
></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="政策文号" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.lawsNo" clearable
|
||||
placeholder="请输入政策文号"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发文单位" title="发文单位" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.issueCompany" placeholder="请输入发文单位" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用车型" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.lawsSycx" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.lawsSycxOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="是否纳入认证清单" title="是否纳入认证清单" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.isRelateAccess">
|
||||
<el-option value="1" label="是" key="1"></el-option>
|
||||
<el-option value="2" label="否" key="2"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="福田转发通知文号" title="福田转发通知文号" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.lawsNotisyncNum" placeholder="请输入福田转发通知文号" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="标签" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.lawsLabel" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.lawsLabelOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="24">
|
||||
<el-form-item label="征集意见周期" title="征集意见周期" class="add-form-item form-item-disabled">
|
||||
<el-date-picker
|
||||
v-model="commentCycleDate"
|
||||
:picker-options="pickerOptions"
|
||||
type="daterange"
|
||||
range-separator="至"
|
||||
start-placeholder="起始时间"
|
||||
end-placeholder="结束时间"
|
||||
value-format="yyyy-MM-dd"
|
||||
align="right">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ProcessTitle>
|
||||
<template slot="title">实施日期</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="实施日期" class="add-form-item form-item-disabled">
|
||||
<el-datePicker v-model="lawsStandInfoSearch.SSRQLAWS"
|
||||
:editable="false"
|
||||
placeholder="请选择实施日期"
|
||||
value-format="yyyy-MM-dd"
|
||||
clearable></el-datePicker>
|
||||
</el-form-item>
|
||||
<el-form-item label="新车型实施日期" title="新车型实施日期" class="add-form-item form-item-disabled">
|
||||
<el-datePicker v-model="lawsStandInfoSearch.XCXSSRQLAWS"
|
||||
:editable="false"
|
||||
placeholder="请选择实施日期"
|
||||
value-format="yyyy-MM-dd"
|
||||
clearable></el-datePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="在产车实施日期" title="在产车实施日期" class="add-form-item form-item-disabled">
|
||||
<el-datePicker v-model="lawsStandInfoSearch.ZCXSSRQLAWS"
|
||||
:editable="false"
|
||||
placeholder="请选择实施日期"
|
||||
value-format="yyyy-MM-dd"
|
||||
clearable></el-datePicker>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ProcessTitle>
|
||||
<template slot="title">适用范围</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="发布机构" title="发布机构" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.FBJGLAWS" placeholder="请输入发布机构" clearable></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="投稿人" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.TGRLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.TGRLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="能源类型" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.NYLXLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.NYLXLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="责任部门" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.ZRBMLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.ZRBMLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="我司参与深度" title="我司参与深度" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.CYSDLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.CYSDLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="投稿单位" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.TGDWLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.TGDWLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="适用认证" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.YYRZLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.YYRZLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="责任工程师" class="add-form-item form-item-disabled">
|
||||
<el-select v-model="lawsStandInfoSearch.ZRGCSLAWS" filterable clearable>
|
||||
<el-option
|
||||
v-for="item in dict.ZRGCSLAWSOptions"
|
||||
placeholder="请选择"
|
||||
:key="item.value"
|
||||
:value="item.value"
|
||||
:label="item.label"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
<ProcessTitle>
|
||||
<template slot="title">关联信息</template>
|
||||
</ProcessTitle>
|
||||
<div class="prc-content-border">
|
||||
<el-row :gutter="24">
|
||||
<el-col :span="12">
|
||||
<el-form-item label="代替文件号" title="代替文件号" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.DTWJHLAWS" placeholder="请输入代替文件号" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="被代替文件号" title="被代替文件号" class="add-form-item form-item-disabled">
|
||||
<el-input v-model="lawsStandInfoSearch.BDTWJHLAWS" placeholder="请输入被代替文件号" clearable></el-input>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</div>
|
||||
</el-form>
|
||||
</div>
|
||||
<div class="demo-drawer-footer">
|
||||
<el-button
|
||||
class="common-button-primary"
|
||||
icon="el-icon-check"
|
||||
type="primary"
|
||||
@click="getBussionStandTableBtn(lawsStandInfoSearch,'','sel')">搜索
|
||||
</el-button>
|
||||
<el-button
|
||||
class="common-button-default"
|
||||
icon="el-icon-close"
|
||||
@click="clearAllSearch('lawsStandInfoSearch')">取消
|
||||
</el-button>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle'
|
||||
export default {
|
||||
name: "advancedSearch",
|
||||
components: {
|
||||
ProcessTitle
|
||||
},
|
||||
data () {
|
||||
return{
|
||||
isAdvancedSearch: false,
|
||||
pickerOptions: {
|
||||
shortcuts: [{
|
||||
text: '最近一周',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}, {
|
||||
text: '最近一个月',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}, {
|
||||
text: '最近三个月',
|
||||
onClick(picker) {
|
||||
const end = new Date();
|
||||
const start = new Date();
|
||||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
||||
picker.$emit('pick', [start, end]);
|
||||
}
|
||||
}]
|
||||
},
|
||||
commentCycleDate: ''
|
||||
}
|
||||
},
|
||||
props: {
|
||||
lawsStandInfoSearch: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
dict: {
|
||||
type: Object,
|
||||
default: () => ({})
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
open () {
|
||||
this.isAdvancedSearch = true
|
||||
},
|
||||
close () {
|
||||
this.isAdvancedSearch = false
|
||||
},
|
||||
// 搜索
|
||||
getBussionStandTableBtn (item, advancedSearch, type) {
|
||||
this.$emit('advancedSearch')
|
||||
this.close()
|
||||
},
|
||||
// 清空搜索框
|
||||
clearAllSearch (flag) {
|
||||
this.$emit('clearSearch', {})
|
||||
this.close()
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Reference in New Issue
Block a user