Files
foton-laws-system-front/src/pages/policyRegulation/policy/components/advancedSearch.vue
T
2023-12-07 16:38:27 +08:00

532 lines
25 KiB
Vue

<template>
<el-drawer
title="高级搜索"
size="800px"
:wrapperClosable="false"
:visible.sync="isAdvancedSearch">
<div class="demo-drawer-content">
<el-form
:model="lawsStandInfoSearch"
class="label-input-form table-lattice"
label-width="80px">
<ProcessTitle>
<template slot="title">基础信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<SelectFormItem label="1级政策分类"
title="1级政策分类"
v-model="lawsStandInfoSearch.lawsTypeFirstLevel"
:options="dict.lawsTypeFirstLevelOptions">
</SelectFormItem>
<SelectFormItem label="3级政策分类"
title="3级政策分类"
v-model="lawsStandInfoSearch.lawsTypeThirdLevel"
:options="dict.lawsTypeThirdLevelOptions">
</SelectFormItem>
<InputFormItem label="政策名称"
title="政策名称"
v-model="lawsStandInfoSearch.lawsName">
</InputFormItem>
<InputFormItem label="政策文号"
title="政策文号"
v-model="lawsStandInfoSearch.lawsNo">
</InputFormItem>
<InputFormItem label="发文单位"
title="发文单位"
v-model="lawsStandInfoSearch.issueCompany">
</InputFormItem>
<SelectFormItem label="标准状态"
title="文本状态"
v-model="lawsStandInfoSearch.lawsTextState"
:options="dict.lawsTextStateOptions">
</SelectFormItem>
<SelectFormItem label="是否纳入认证清单"
title="是否纳入认证清单"
v-model="lawsStandInfoSearch.isRelateAccess"
:options="isRelateAccessOptions || []">
</SelectFormItem>
<InputFormItem label="福田转发通知文号"
title="福田转发通知文号"
v-model="lawsStandInfoSearch.lawsNotisyncNum">
</InputFormItem>
<InputFormItem label="信息简报"
title="信息简报"
v-model="lawsStandInfoSearch.lawsBulletin">
</InputFormItem>
<InputFormItem label="备注(最终政策发布)"
title="备注(最终政策发布)"
v-model="lawsStandInfoSearch.lawsRemark">
</InputFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
<el-col :span="12">
<SelectFormItem label="2级政策分类"
title="2级政策分类"
v-model="lawsStandInfoSearch.lawsTypeSecondLevel"
:options="dict.lawsTypeSecondLevelOptions">
</SelectFormItem>
<SelectFormItem label="4级政策分类"
title="4级政策分类"
v-model="lawsStandInfoSearch.lawsTypeFourthLevel"
:options="dict.lawsTypeFourthLevelOptions">
</SelectFormItem>
<InputFormItem label="英文名称"
title="英文名称"
v-model="lawsStandInfoSearch.lawsEnName">
</InputFormItem>
<DatePickerFormItem label="发文日期"
title="发文日期"
v-model="lawsStandInfoSearch.issueTime">
</DatePickerFormItem>
<DataRangePickerFormItem label="征集意见周期"
title="征集意见周期"
:startTime.sync="lawsStandInfoSearch.commentCycleStart"
:endTime.sync="lawsStandInfoSearch.commentCycleEnd">
</DataRangePickerFormItem>
<SelectMultipleFormItem label="适用车型"
title="适用车型"
v-model="lawsStandInfoSearch.lawsSycx"
:options="dict.lawsSycxOptions || []">
</SelectMultipleFormItem>
<SelectFormItem label="年度"
title="年度"
v-model="lawsStandInfoSearch.lawsYear"
:options="dict.lawsYearOptions">
</SelectFormItem>
<InputFormItem label="通知文号链接"
title="通知文号链接"
v-model="lawsStandInfoSearch.notisyncNumLink">
</InputFormItem>
<SelectMultipleFormItem label="标签"
title="标签"
v-model="lawsStandInfoSearch.lawsLabel"
:options="dict.lawsLabelOptions">
</SelectMultipleFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
</el-row>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</div>
<ProcessTitle>
<template slot="title">实施日期</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<DatePickerGroupFormItem label="实施日期"
title="实施日期"
v-model="lawsStandInfoSearch.SSRQLAWS"
></DatePickerGroupFormItem>
<DatePickerFormItem label="新生产实施日期"
title="新生产实施日期"
v-model="lawsStandInfoSearch.ZCXSSRQLAWS">
</DatePickerFormItem>
<DatePickerFormItem label="生效日期"
title="生效日期"
v-model="lawsStandInfoSearch.SXRQLAWS">
</DatePickerFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
<el-col :span="12">
<DatePickerFormItem label="新认证实施日期"
title="新认证实施日期"
v-model="lawsStandInfoSearch.XRZSSRQLAWS"
></DatePickerFormItem>
<DatePickerFormItem label="在用车实施日期"
title="在用车实施日期"
v-model="lawsStandInfoSearch.XCXSSRQLAWS"
></DatePickerFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">适用范围</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<SelectFormItem label="我司参与深度"
title="我司参与深度"
v-model="lawsStandInfoSearch.CYSDLAWS"
:options="dict.CYSDLAWSOptions">
</SelectFormItem>
<DepartmentFormItem label="投稿单位"
title="投稿单位"
v-model="lawsStandInfoSearch.TGDWLAWS"
:ids.sync="lawsStandInfoSearch.TGDWLAWSID">
</DepartmentFormItem>
<DepartmentFormItem label="责任部门"
title="责任部门"
v-model="lawsStandInfoSearch.ZRBMLAWS"
:ids.sync="lawsStandInfoSearch.ZRBMLAWSID">
</DepartmentFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
<el-col :span="12">
<personFormItem label="投稿人"
title="投稿人"
v-model="lawsStandInfoSearch.TGRLAWS">
</personFormItem>
<SelectMultipleFormItem label="适用认证"
title="适用认证"
v-model="lawsStandInfoSearch.SYRZLAWS"
:options="dict.syrzOptions">
</SelectMultipleFormItem>
<personFormItem label="责任工程师"
title="责任工程师"
v-model="lawsStandInfoSearch.ZRGCSLAWS">
</personFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
</el-row>
</div>
<ProcessTitle>
<template slot="title">关联信息</template>
</ProcessTitle>
<div class="prc-content-border">
<el-row :gutter="24">
<el-col :span="12">
<InputForStandardsForLaws label="代替文件号"
title="代替文件号"
v-model="lawsStandInfoSearch.DTWJHLAWS"
></InputForStandardsForLaws>
<InputForStandardsForLaws label="引用标准&政策"
title="引用标准&政策"
v-model="lawsStandInfoSearch.YYBZZCLAWS"
></InputForStandardsForLaws>
<InputFormItem label="参会记录"
title="参会记录"
v-model="lawsStandInfoSearch.CHJLLAWS">
</InputFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</el-col>
<el-col :span="12">
<InputForStandardsForLaws label="被代替文件号"
title="被代替文件号"
v-model="lawsStandInfoSearch.BDTWJHLAWS"
></InputForStandardsForLaws>
<InputFormItem label="相关流程"
title="相关流程"
v-model="lawsStandInfoSearch.XGLC">
</InputFormItem>
<!--#region-->
<!--<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>-->
<!--#endregion-->
</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'
import SelectFormItem from "@/components/hzwlComponents/SelectFormItem";
import InputFormItem from "@/components/hzwlComponents/InputFormItem";
import DatePickerFormItem from "@/components/hzwlComponents/DatePickerFormItem";
import DataRangePickerFormItem from "@/components/hzwlComponents/DataRangePickerFormItem";
import SelectMultipleFormItem from "@/components/hzwlComponents/SelectMultipleFormItem";
import DatePickerGroupFormItem from "@/components/hzwlComponents/DatePickerGroupFormItem";
import DepartmentFormItem from "@/components/hzwlComponents/DepartmentFormItem";
import personFormItem from "@/components/hzwlComponents/personFormItem";
import InputForStandardsForLaws from "@/components/hzwlComponents/InputForStandardsForLaws";
export default {
name: "advancedSearch",
components: {
ProcessTitle,
SelectFormItem,
InputFormItem,
DatePickerFormItem,
DataRangePickerFormItem,
SelectMultipleFormItem,
DatePickerGroupFormItem,
DepartmentFormItem,
personFormItem,
InputForStandardsForLaws
},
data () {
return{
isAdvancedSearch: false,
isRelateAccessOptions: [
{
label: '是',
value: '1'
},
{
label: '否',
value: '2'
}
]
}
},
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>