FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

国内外政策-高级搜索

Browse Source
This commit is contained in:
zyn
2023-09-26 14:18:43 +08:00
parent 77cab9bf85
commit bc21f9f696
5 changed files with 541 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/policyRegulation/policy/components/advancedSearch.vue
+415 -239
View File
@@ -1,125 +1,218 @@
<template> <template>
<el-drawer <el-drawer
title="高级搜索" title="高级搜索"
size="700px" size="800px"
:wrapperClosable="false" :wrapperClosable="false"
:visible.sync="isAdvancedSearch"> :visible.sync="isAdvancedSearch">
<div class="demo-drawer-content"> <div class="demo-drawer-content">
<el-form <el-form
:model="lawsStandInfoSearch" :model="lawsStandInfoSearch"
:inline="true"
class="label-input-form table-lattice" class="label-input-form table-lattice"
label-width="76px" label-width="80px">
style="display: flex;flex-wrap: wrap">
<ProcessTitle> <ProcessTitle>
<template slot="title">基础信息</template> <template slot="title">基础信息</template>
</ProcessTitle> </ProcessTitle>
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="政策分类" title="政策分类" class="add-form-item form-item-disabled"> <SelectFormItem label="1级政策分类"
<el-select v-model="lawsStandInfoSearch.lawsType" filterable clearable> title="1级政策分类"
<el-option v-model="lawsStandInfoSearch.lawsTypeFirstLevel"
v-for="item in dict.lawsTypeOptions" :options="dict.lawsTypeFirstLevelOptions">
placeholder="请选择" </SelectFormItem>
:key="item.value" <SelectFormItem label="3级政策分类"
:value="item.value" title="3级政策分类"
:label="item.label" v-model="lawsStandInfoSearch.lawsTypeThirdLevel"
></el-option> :options="dict.lawsTypeThirdLevelOptions">
</el-select> </SelectFormItem>
</el-form-item> <InputFormItem label="政策名称"
<el-form-item label="发文日期" class="add-form-item form-item-disabled"> title="政策名称"
<el-datePicker v-model="lawsStandInfoSearch.issueTime" v-model="lawsStandInfoSearch.lawsName">
:editable="false" </InputFormItem>
placeholder="请选择发文日期" <InputFormItem label="政策文号"
value-format="yyyy-MM-dd" title="政策文号"
clearable></el-datePicker> v-model="lawsStandInfoSearch.lawsNo">
</el-form-item> </InputFormItem>
<el-form-item label="适用区域" class="add-form-item form-item-disabled"> <InputFormItem label="发文单位"
<el-select v-model="lawsStandInfoSearch.lawsSyqy" filterable clearable> title="发文单位"
<el-option v-model="lawsStandInfoSearch.issueCompany">
v-for="item in dict.lawsSyqyOptions" </InputFormItem>
placeholder="请选择" <SelectFormItem label="文本状态"
:key="item.value" title="文本状态"
:value="item.value" v-model="lawsStandInfoSearch.lawsTextState"
:label="item.label" :options="dict.lawsTextStateOptions">
></el-option> </SelectFormItem>
</el-select> <SelectFormItem label="是否纳入认证清单"
</el-form-item> title="是否纳入认证清单"
<el-form-item label="年度" class="add-form-item form-item-disabled"> v-model="lawsStandInfoSearch.isRelateAccess"
<el-select v-model="lawsStandInfoSearch.lawsYear" filterable clearable> :options="isRelateAccessOptions || []">
<el-option </SelectFormItem>
v-for="item in dict.lawsYearOptions" <InputFormItem label="福田转发通知文号"
placeholder="请选择" title="福田转发通知文号"
:key="item.value" v-model="lawsStandInfoSearch.lawsNotisyncNum">
:value="item.value" </InputFormItem>
:label="item.label" <InputFormItem label="信息简报"
></el-option> title="信息简报"
</el-select> v-model="lawsStandInfoSearch.lawsBulletin">
</el-form-item> </InputFormItem>
<el-form-item label="信息简报" class="add-form-item form-item-disabled"> <InputFormItem label="备注（最终政策发布）"
<el-input v-model="lawsStandInfoSearch.lawsBulletin" clearable title="备注（最终政策发布）"
placeholder="请输入政策文号" v-model="lawsStandInfoSearch.lawsRemark">
></el-input> </InputFormItem>
</el-form-item>
<!--#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>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="政策文号" class="add-form-item form-item-disabled"> <SelectFormItem label="2级政策分类"
<el-input v-model="lawsStandInfoSearch.lawsNo" clearable title="2级政策分类"
placeholder="请输入政策文号"></el-input> v-model="lawsStandInfoSearch.lawsTypeSecondLevel"
</el-form-item> :options="dict.lawsTypeSecondLevelOptions">
<el-form-item label="发文单位" title="发文单位" class="add-form-item form-item-disabled"> </SelectFormItem>
<el-input v-model="lawsStandInfoSearch.issueCompany" placeholder="请输入发文单位" clearable></el-input> <SelectFormItem label="4级政策分类"
</el-form-item> title="4级政策分类"
<el-form-item label="适用车型" class="add-form-item form-item-disabled"> v-model="lawsStandInfoSearch.lawsTypeFourthLevel"
<el-select v-model="lawsStandInfoSearch.lawsSycx" filterable clearable> :options="dict.lawsTypeFourthLevelOptions">
<el-option </SelectFormItem>
v-for="item in dict.lawsSycxOptions" <InputFormItem label="英文名称"
placeholder="请选择" title="英文名称"
:key="item.value" v-model="lawsStandInfoSearch.lawsEnName">
:value="item.value" </InputFormItem>
:label="item.label" <DatePickerFormItem label="发文日期"
></el-option> title="发文日期"
</el-select> v-model="lawsStandInfoSearch.issueTime">
</el-form-item> </DatePickerFormItem>
<el-form-item label="是否纳入认证清单" title="是否纳入认证清单" class="add-form-item form-item-disabled"> <DataRangePickerFormItem label="征集意见周期"
<el-select v-model="lawsStandInfoSearch.isRelateAccess"> title="征集意见周期"
<el-option value="1" label="是" key="1"></el-option> :startTime.sync="lawsStandInfoSearch.commentCycleStart"
<el-option value="2" label="否" key="2"></el-option> :endTime.sync="lawsStandInfoSearch.commentCycleEnd">
</el-select> </DataRangePickerFormItem>
</el-form-item> <SelectMultipleFormItem label="适用车型"
<el-form-item label="福田转发通知文号" title="福田转发通知文号" class="add-form-item form-item-disabled"> title="适用车型"
<el-input v-model="lawsStandInfoSearch.lawsNotisyncNum" placeholder="请输入福田转发通知文号" clearable></el-input> v-model="lawsStandInfoSearch.lawsSycx"
</el-form-item> :options="dict.lawsSycxOptions || []">
<el-form-item label="标签" class="add-form-item form-item-disabled"> </SelectMultipleFormItem>
<el-select v-model="lawsStandInfoSearch.lawsLabel" filterable clearable> <SelectFormItem label="年度"
<el-option title="年度"
v-for="item in dict.lawsLabelOptions" v-model="lawsStandInfoSearch.lawsYear"
placeholder="请选择" :options="dict.lawsYearOptions">
:key="item.value" </SelectFormItem>
:value="item.value" <InputFormItem label="通知文号链接"
:label="item.label" title="通知文号链接"
></el-option> v-model="lawsStandInfoSearch.notisyncNumLink">
</el-select> </InputFormItem>
</el-form-item> <SelectMultipleFormItem label="标签"
</el-col> title="标签"
</el-row> v-model="lawsStandInfoSearch.lawsLabel"
<el-row :gutter="24"> :options="dict.lawsLabelOptions">
<el-col :span="24"> </SelectMultipleFormItem>
<el-form-item label="征集意见周期" title="征集意见周期" class="add-form-item form-item-disabled">
<el-date-picker <!--#region-->
v-model="commentCycleDate" <!--<el-form-item label="政策文号" class="add-form-item form-item-disabled">-->
:picker-options="pickerOptions" <!-- <el-input v-model="lawsStandInfoSearch.lawsNo" clearable-->
type="daterange" <!-- placeholder="请输入政策文号"></el-input>-->
range-separator="至" <!--</el-form-item>-->
start-placeholder="起始时间" <!--<el-form-item label="发文单位" title="发文单位" class="add-form-item form-item-disabled">-->
end-placeholder="结束时间" <!-- <el-input v-model="lawsStandInfoSearch.issueCompany" placeholder="请输入发文单位" clearable></el-input>-->
value-format="yyyy-MM-dd" <!--</el-form-item>-->
align="right"> <!--<el-form-item label="适用车型" class="add-form-item form-item-disabled">-->
</el-date-picker> <!-- <el-select v-model="lawsStandInfoSearch.lawsSycx" filterable clearable>-->
</el-form-item> <!-- <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-col>
</el-row> </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> </div>
<ProcessTitle> <ProcessTitle>
<template slot="title">实施日期</template> <template slot="title">实施日期</template>
@@ -127,29 +220,55 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="实施日期" class="add-form-item form-item-disabled"> <DatePickerGroupFormItem label="实施日期"
<el-datePicker v-model="lawsStandInfoSearch.SSRQLAWS" title="实施日期"
:editable="false" v-model="lawsStandInfoSearch.SSRQLAWS"
placeholder="请选择实施日期" ></DatePickerGroupFormItem>
value-format="yyyy-MM-dd" <DatePickerFormItem label="新生产实施日期"
clearable></el-datePicker> title="新生产实施日期"
</el-form-item> v-model="lawsStandInfoSearch.ZCXSSRQLAWS">
<el-form-item label="新车型实施日期" title="新车型实施日期" class="add-form-item form-item-disabled"> </DatePickerFormItem>
<el-datePicker v-model="lawsStandInfoSearch.XCXSSRQLAWS" <DatePickerFormItem label="生效日期"
:editable="false" title="生效日期"
placeholder="请选择实施日期" v-model="lawsStandInfoSearch.SXRQLAWS">
value-format="yyyy-MM-dd" </DatePickerFormItem>
clearable></el-datePicker>
</el-form-item> <!--#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>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="在产车实施日期" title="在产车实施日期" class="add-form-item form-item-disabled"> <DatePickerFormItem label="新认证实施日期"
<el-datePicker v-model="lawsStandInfoSearch.ZCXSSRQLAWS" title="新认证实施日期"
:editable="false" v-model="lawsStandInfoSearch.XRZSSRQLAWS"
placeholder="请选择实施日期" ></DatePickerFormItem>
value-format="yyyy-MM-dd" <DatePickerFormItem label="在用车实施日期"
clearable></el-datePicker> title="在用车实施日期"
</el-form-item> 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-col>
</el-row> </el-row>
</div> </div>
@@ -159,88 +278,120 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="发布机构" title="发布机构" class="add-form-item form-item-disabled"> <SelectFormItem label="我司参与深度"
<el-input v-model="lawsStandInfoSearch.FBJGLAWS" placeholder="请输入发布机构" clearable></el-input> title="我司参与深度"
</el-form-item> v-model="lawsStandInfoSearch.CYSDLAWS"
<el-form-item label="投稿人" class="add-form-item form-item-disabled"> :options="dict.CYSDLAWSOptions">
<el-select v-model="lawsStandInfoSearch.TGRLAWS" filterable clearable> </SelectFormItem>
<el-option <DepartmentFormItem label="投稿单位"
v-for="item in dict.TGRLAWSOptions" title="投稿单位"
placeholder="请选择" v-model="lawsStandInfoSearch.TGDWLAWS"
:key="item.value" :ids.sync="lawsStandInfoSearch.TGDWLAWSID">
:value="item.value" </DepartmentFormItem>
:label="item.label" <DepartmentFormItem label="责任部门"
></el-option> title="责任部门"
</el-select> v-model="lawsStandInfoSearch.ZRBMLAWS"
</el-form-item> :ids.sync="lawsStandInfoSearch.ZRBMLAWSID">
<el-form-item label="能源类型" class="add-form-item form-item-disabled"> </DepartmentFormItem>
<el-select v-model="lawsStandInfoSearch.NYLXLAWS" filterable clearable> <!--#region-->
<el-option <!--<el-form-item label="发布机构" title="发布机构" class="add-form-item form-item-disabled">-->
v-for="item in dict.NYLXLAWSOptions" <!-- <el-input v-model="lawsStandInfoSearch.FBJGLAWS" placeholder="请输入发布机构" clearable></el-input>-->
placeholder="请选择" <!--</el-form-item>-->
:key="item.value" <!--<el-form-item label="投稿人" class="add-form-item form-item-disabled">-->
:value="item.value" <!-- <el-select v-model="lawsStandInfoSearch.TGRLAWS" filterable clearable>-->
:label="item.label" <!-- <el-option-->
></el-option> <!-- v-for="item in dict.TGRLAWSOptions"-->
</el-select> <!-- placeholder="请选择"-->
</el-form-item> <!-- :key="item.value"-->
<el-form-item label="责任部门" class="add-form-item form-item-disabled"> <!-- :value="item.value"-->
<el-select v-model="lawsStandInfoSearch.ZRBMLAWS" filterable clearable> <!-- :label="item.label"-->
<el-option <!-- ></el-option>-->
v-for="item in dict.ZRBMLAWSOptions" <!-- </el-select>-->
placeholder="请选择" <!--</el-form-item>-->
:key="item.value" <!--<el-form-item label="能源类型" class="add-form-item form-item-disabled">-->
:value="item.value" <!-- <el-select v-model="lawsStandInfoSearch.NYLXLAWS" filterable clearable>-->
:label="item.label" <!-- <el-option-->
></el-option> <!-- v-for="item in dict.NYLXLAWSOptions"-->
</el-select> <!-- placeholder="请选择"-->
</el-form-item> <!-- :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>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="我司参与深度" title="我司参与深度" class="add-form-item form-item-disabled"> <personFormItem label="投稿人"
<el-select v-model="lawsStandInfoSearch.CYSDLAWS" filterable clearable> title="投稿人"
<el-option v-model="lawsStandInfoSearch.TGRLAWS">
v-for="item in dict.CYSDLAWSOptions" </personFormItem>
placeholder="请选择" <SelectMultipleFormItem label="适用认证"
:key="item.value" title="适用认证"
:value="item.value" v-model="lawsStandInfoSearch.SYRZLAWS"
:label="item.label" :options="dict.syrzOptions">
></el-option> </SelectMultipleFormItem>
</el-select> <personFormItem label="责任工程师"
</el-form-item> title="责任工程师"
<el-form-item label="投稿单位" class="add-form-item form-item-disabled"> v-model="lawsStandInfoSearch.ZRGCSLAWS">
<el-select v-model="lawsStandInfoSearch.TGDWLAWS" filterable clearable> </personFormItem>
<el-option <!--#region-->
v-for="item in dict.TGDWLAWSOptions" <!--<el-form-item label="我司参与深度" title="我司参与深度" class="add-form-item form-item-disabled">-->
placeholder="请选择" <!-- <el-select v-model="lawsStandInfoSearch.CYSDLAWS" filterable clearable>-->
:key="item.value" <!-- <el-option-->
:value="item.value" <!-- v-for="item in dict.CYSDLAWSOptions"-->
:label="item.label" <!-- placeholder="请选择"-->
></el-option> <!-- :key="item.value"-->
</el-select> <!-- :value="item.value"-->
</el-form-item> <!-- :label="item.label"-->
<el-form-item label="适用认证" class="add-form-item form-item-disabled"> <!-- ></el-option>-->
<el-select v-model="lawsStandInfoSearch.YYRZLAWS" filterable clearable> <!-- </el-select>-->
<el-option <!--</el-form-item>-->
v-for="item in dict.YYRZLAWSOptions" <!--<el-form-item label="投稿单位" class="add-form-item form-item-disabled">-->
placeholder="请选择" <!-- <el-select v-model="lawsStandInfoSearch.TGDWLAWS" filterable clearable>-->
:key="item.value" <!-- <el-option-->
:value="item.value" <!-- v-for="item in dict.TGDWLAWSOptions"-->
:label="item.label" <!-- placeholder="请选择"-->
></el-option> <!-- :key="item.value"-->
</el-select> <!-- :value="item.value"-->
</el-form-item> <!-- :label="item.label"-->
<el-form-item label="责任工程师" class="add-form-item form-item-disabled"> <!-- ></el-option>-->
<el-select v-model="lawsStandInfoSearch.ZRGCSLAWS" filterable clearable> <!-- </el-select>-->
<el-option <!--</el-form-item>-->
v-for="item in dict.ZRGCSLAWSOptions" <!--<el-form-item label="适用认证" class="add-form-item form-item-disabled">-->
placeholder="请选择" <!-- <el-select v-model="lawsStandInfoSearch.YYRZLAWS" filterable clearable>-->
:key="item.value" <!-- <el-option-->
:value="item.value" <!-- v-for="item in dict.YYRZLAWSOptions"-->
:label="item.label" <!-- placeholder="请选择"-->
></el-option> <!-- :key="item.value"-->
</el-select> <!-- :value="item.value"-->
</el-form-item> <!-- :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-col>
</el-row> </el-row>
</div> </div>
@@ -250,14 +401,38 @@
<div class="prc-content-border"> <div class="prc-content-border">
<el-row :gutter="24"> <el-row :gutter="24">
<el-col :span="12"> <el-col :span="12">
<el-form-item label="代替文件号" title="代替文件号" class="add-form-item form-item-disabled"> <InputForStandardsForLaws label="代替文件号"
<el-input v-model="lawsStandInfoSearch.DTWJHLAWS" placeholder="请输入代替文件号" clearable></el-input> title="代替文件号"
</el-form-item> 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>
<el-col :span="12"> <el-col :span="12">
<el-form-item label="被代替文件号" title="被代替文件号" class="add-form-item form-item-disabled"> <InputForStandardsForLaws label="被代替文件号"
<el-input v-model="lawsStandInfoSearch.BDTWJHLAWS" placeholder="请输入被代替文件号" clearable></el-input> title="被代替文件号"
</el-form-item> 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-col>
</el-row> </el-row>
</div> </div>
@@ -281,42 +456,43 @@
<script> <script>
import ProcessTitle from '@/pages/processCenter/pages/components/ProcessTitle' 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 { export default {
name: "advancedSearch", name: "advancedSearch",
components: { components: {
ProcessTitle ProcessTitle,
SelectFormItem,
InputFormItem,
DatePickerFormItem,
DataRangePickerFormItem,
SelectMultipleFormItem,
DatePickerGroupFormItem,
DepartmentFormItem,
personFormItem,
InputForStandardsForLaws
}, },
data () { data () {
return{ return{
isAdvancedSearch: false, isAdvancedSearch: false,
pickerOptions: { isRelateAccessOptions: [
shortcuts: [{ {
text: '最近一周', label: '是',
onClick(picker) { value: '1'
const end = new Date(); },
const start = new Date(); {
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7); label: '否',
picker.$emit('pick', [start, end]); value: '2'
} }
}, { ]
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: { props: {
src/pages/policyRegulation/policy/components/editDrawer.vue
+3 -1
View File
@@ -445,8 +445,10 @@
<template v-else-if="field.attrField === 'SSRQLAWS'"> <template v-else-if="field.attrField === 'SSRQLAWS'">
<DatePickerGroupFormItem <DatePickerGroupFormItem
:key="field.attrField" :key="field.attrField"
:config="field" :label="field.attrName"
:prop="field.attrField"
v-model="sarLawsStandEO[field.attrField]" v-model="sarLawsStandEO[field.attrField]"
label-width="150px"
:disabled="formdisableflag" :disabled="formdisableflag"
></DatePickerGroupFormItem> ></DatePickerGroupFormItem>
</template> </template>
src/pages/policyRegulation/policy/components/mainTable.vue
+62 -43
View File
@@ -36,6 +36,7 @@
show-overflow-tooltip show-overflow-tooltip
prop="lawsNo" prop="lawsNo"
label="政策文号" label="政策文号"
sortable
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -48,6 +49,7 @@
show-overflow-tooltip show-overflow-tooltip
prop="issueCompany" prop="issueCompany"
label="发文单位" label="发文单位"
sortable
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -71,21 +73,22 @@
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="SSRQLAWS" prop="ssrqlaws"
label="实施日期" label="实施日期"
sortable sortable
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
<a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.SSRQLAWS) }}</a> <a v-if="scope.row.standStatusShow === '作废'" style="color: #F56C6C" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.ssrqlaws) }}</a>
<a v-else-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.SSRQLAWS) }}</a> <a v-else-if="scope.row.standStatusShow === '参考' " style="color: #E6A23C" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.ssrqlaws) }}</a>
<a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.SSRQLAWS) }}</a> <a v-else style="color: #333333" @click="handlePreview(scope.row)" class="table-jump">{{ formatDate(scope.row.ssrqlaws) }}</a>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
prop="lawsSycx" prop="lawsSycx"
label="适用车型" label="适用车型"
sortable
min-width="120" min-width="120"
> >
<template slot-scope="scope"> <template slot-scope="scope">
@@ -341,8 +344,10 @@ export default {
} }
formData['attrSearchStr'] = JSON.stringify(attrSearchMap) formData['attrSearchStr'] = JSON.stringify(attrSearchMap)
// 排序 // 排序
formData.nowOrderBy = this.nowOrder ? this.orderBy : '' if (this.nowOrder) {
formData.nowOrder = this.nowOrder formData.nowOrderBy = this.nowOrderBy
formData.nowOrder = this.nowOrder
}
// this.SarExportSearchEo = formData // this.SarExportSearchEo = formData
this.$emit('SarExportSearchEo', formData) this.$emit('SarExportSearchEo', formData)
this.$http.get('lawss/sarLawsInfo/page', formData, { this.$http.get('lawss/sarLawsInfo/page', formData, {
@@ -373,44 +378,58 @@ export default {
}, },
// 表格排序 // 表格排序
sortChange(sortObj) { sortChange(sortObj) {
if (sortObj.column.order !== 'normal') { this.nowOrderBy = sortObj.column.property
this.nowOrder = '' // this.nowOrder = sortObj.order
this.orderBy = '' switch (sortObj.order) {
switch (sortObj.column.property) { case 'descending':
case 'issueTime' : this.nowOrder = 'desc';
// 后台联调 break;
this.orderBy = 1; case 'ascending':
this.nowOrder = sortObj.column.order this.nowOrder = 'asc';
if (this.nowOrder === 'ascending') { break;
this.nowOrder = 2 default:
} else if (this.nowOrder === 'descending') { this.nowOrder = void 0
this.nowOrder = 1 break;
}
break
// case 'putTime' :
case 'XCXSSRQLAWS' :
// 后台联调
this.orderBy = 2;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
case 'standStatusShow' :
this.orderBy = 3;
this.nowOrder = sortObj.column.order
if (this.nowOrder === 'ascending') {
this.nowOrder = 2
} else if (this.nowOrder === 'descending') {
this.nowOrder = 1
}
break
}
//搜索后排序,应该以被搜索后的数据排序
this.getBussionStandTable(this.lawsStandInfoSearch)
} }
// if (sortObj.column.order !== 'normal') {
// this.nowOrder = ''
// this.orderBy = ''
// switch (sortObj.column.property) {
// case 'issueTime' :
// // 后台联调
// this.orderBy = 1;
// this.nowOrder = sortObj.column.order
// if (this.nowOrder === 'ascending') {
// this.nowOrder = 2
// } else if (this.nowOrder === 'descending') {
// this.nowOrder = 1
// }
// break
// // case 'putTime' :
// case 'XCXSSRQLAWS' :
// // 后台联调
// this.orderBy = 2;
// this.nowOrder = sortObj.column.order
// if (this.nowOrder === 'ascending') {
// this.nowOrder = 2
// } else if (this.nowOrder === 'descending') {
// this.nowOrder = 1
// }
// break
// case 'standStatusShow' :
// this.orderBy = 3;
// this.nowOrder = sortObj.column.order
// if (this.nowOrder === 'ascending') {
// this.nowOrder = 2
// } else if (this.nowOrder === 'descending') {
// this.nowOrder = 1
// }
// break
// }
// }
//搜索后排序,应该以被搜索后的数据排序
this.getBussionStandTable(this.lawsStandInfoSearch)
}, },
// 选择项勾选改变 // 选择项勾选改变
standSelectChange (data) { standSelectChange (data) {
src/pages/policyRegulation/policy/components/policySearch.vue
+34 -9
View File
@@ -7,17 +7,34 @@
<div class="search-area"> <div class="search-area">
<div class="left"> <div class="left">
<el-form :modal="lawsStandInfoSearch" :inline="true" class="label-input-form" @submit.native.prevent="getBussionStandTableBtn(lawsStandInfoSearch)"> <el-form :modal="lawsStandInfoSearch" :inline="true" class="label-input-form" @submit.native.prevent="getBussionStandTableBtn(lawsStandInfoSearch)">
<el-formItem label="政策编号" prop="lawsNumber" class="search-item"> <!--<el-formItem label="政策编号" prop="lawsNumber" class="search-item">-->
<el-input v-model="lawsStandInfoSearch.lawsNumber" clearable placeholder="根据编号查找" :maxlength="100" @keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"/> <!-- <el-input v-model="lawsStandInfoSearch.lawsNumber" clearable placeholder="根据编号查找" :maxlength="100" @keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"/>-->
</el-formItem> <!--</el-formItem>-->
<el-formItem label="政策名称" prop="numberName" class="search-item"> <el-formItem label="政策名称" prop="numberName" class="search-item">
<el-input v-model="lawsStandInfoSearch.numberName" clearable placeholder="根据名称查找" :maxlength="100" @keyup.enter.native="getBussionStandTableBtn(lawsStandInfoSearch)"/> <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>
<el-formItem label="文本状态" prop="lawsTextState" class="search-item"> <el-formItem label="文本状态" prop="lawsTextState" class="search-item">
<el-select v-model="lawsStandInfoSearch.lawsTextState" filterable clearable> <el-select v-model="lawsStandInfoSearch.lawsTextState" filterable clearable>
<el-option <el-option
v-for="item in lawsTextStateOptions" v-for="item in dict.lawsTextStateOptions"
placeholder="请选择" placeholder="请选择文本状态"
:key="item.value" :key="item.value"
:value="item.value" :value="item.value"
:label="item.label" :label="item.label"
@@ -65,9 +82,14 @@ export default {
type: Object, type: Object,
default: () => ({}) default: () => ({})
}, },
lawsTextStateOptions: { dict: {
type: Array, type: Object,
default: () => [] required: true
}
},
computed: {
lawsSycx () {
return this.lawsStandInfoSearch.lawsSycx ? this.lawsStandInfoSearch.lawsSycx.split(',') : []
} }
}, },
methods:{ methods:{
@@ -83,6 +105,9 @@ export default {
clearAllSearch (flag) { clearAllSearch (flag) {
this.$emit('clearSearch') this.$emit('clearSearch')
}, },
lawsSycxChange (value) {
this.$set(this.lawsStandInfoSearch, 'lawsSycx', value.join(','))
}
} }
} }
</script> </script>
src/pages/policyRegulation/policy/components/policyTable.vue
+27 -5
View File
@@ -4,7 +4,7 @@
<!-- 普通搜索 --> <!-- 普通搜索 -->
<policySearch ref="policySearchRef" <policySearch ref="policySearchRef"
:lawsStandInfoSearch="lawsStandInfoSearch" :lawsStandInfoSearch="lawsStandInfoSearch"
:lawsTextStateOptions="dict.lawsTextStateOptions" :dict="dict"
@getBussionStandTableBtn="getBussionStandTableBtn" @getBussionStandTableBtn="getBussionStandTableBtn"
@clearSearch="clearSearch" @clearSearch="clearSearch"
@selectMoreBtn="selectMoreBtn"></policySearch> @selectMoreBtn="selectMoreBtn"></policySearch>
@@ -100,9 +100,9 @@ export default {
configStandDrawer configStandDrawer
}, },
data () { data () {
const lawsStandInfoSearch = {}
return { return {
lawsStandInfoSearch: {}, // 分页查询过程中用到的对象 lawsStandInfoSearch, // 分页查询过程中用到的对象
commentCycleDate: '', // 征集意见周期
dict: {}, dict: {},
// 导出相关 // 导出相关
@@ -124,14 +124,16 @@ export default {
methods: { methods: {
// 打开高级搜索 // 打开高级搜索
selectMoreBtn () { selectMoreBtn () {
this.$set(this, 'lawsStandInfoSearch', {}) this.$set(this, 'lawsStandInfoSearch', {
commentCycleStart: '',
commentCycleEnd: ''
})
this.$refs.advancedSearchRef.open() this.$refs.advancedSearchRef.open()
}, },
// 清除搜索条件 // 清除搜索条件
clearSearch () { clearSearch () {
this.$set(this, 'lawsStandInfoSearch', {}) this.$set(this, 'lawsStandInfoSearch', {})
this.commentCycleDate = ''
this.$refs.advancedSearchRef.close() this.$refs.advancedSearchRef.close()
this.$nextTick(() => { this.$nextTick(() => {
this.getBussionStandTableBtn() this.getBussionStandTableBtn()
@@ -154,6 +156,7 @@ export default {
// 高级搜索 // 高级搜索
advancedSearch () { advancedSearch () {
this.$set(this.lawsStandInfoSearch, 'page', 1) this.$set(this.lawsStandInfoSearch, 'page', 1)
this.lawsStandInfoSearch = { ...this.lawsStandInfoSearch }
this.$refs.mainTableRef.getBussionStandTable(this.lawsStandInfoSearch, '', 'sel') this.$refs.mainTableRef.getBussionStandTable(this.lawsStandInfoSearch, '', 'sel')
}, },
@@ -276,6 +279,25 @@ export default {
this.dict.CYSDLAWSOptions = res.data.CYSDLAWS this.dict.CYSDLAWSOptions = res.data.CYSDLAWS
this.dict.TGDWLAWSOptions = res.data.TGDWLAWS this.dict.TGDWLAWSOptions = res.data.TGDWLAWS
this.dict.ZRGCSLAWSOptions = res.data.ZRGCSLAWS this.dict.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
this.dict.lawsSycxOptions = res.data.lawsSycx
this.dict.lawsTypeFirstLevelOptions = res.data.lawsTypeFirstLevel
this.dict.lawsTypeSecondLevelOptions = res.data.lawsTypeSecondLevel
this.dict.lawsTypeThirdLevelOptions = res.data.lawsTypeThirdLevel
this.dict.lawsTypeFourthLevelOptions = res.data.lawsTypeFourthLevel
this.dict.lawsTextStateOptions = res.data.lawsTextState
this.dict.lawsSyqyOptions = res.data.lawsSyqy
this.dict.lawsSycxOptions = res.data.lawsSycx
this.dict.lawsYearOptions = res.data.lawsYear
this.dict.lawsLabelOptions = res.data.lawsLabel
this.dict.CYSDLAWSOptions = res.data.CYSDLAWS
this.dict.TGRLAWSOptions = res.data.TGRLAWS
this.dict.TGDWLAWSOptions = res.data.TGDWLAWS
this.dict.NYLXLAWSOptions = res.data.NYLXLAWS
this.dict.YYRZLAWSOptions = res.data.YYRZLAWS
this.dict.ZRBMLAWSOptions = res.data.ZRBMLAWS
this.dict.ZRGCSLAWSOptions = res.data.ZRGCSLAWS
this.dict.syrzOptions = res.data.YYRZLAWS
this.dict = { ...this.dict }
}, e => { }, e => {
}) })
}, },