|
@@ -2,7 +2,7 @@
|
|
|
<div class="smart-report-list">
|
|
|
<el-card class="box-card">
|
|
|
<div slot="header" class="header">
|
|
|
- <el-form :inline="true" :model="searchform" @submit.native.prevent>
|
|
|
+ <el-form :inline="true" :model="searchform" @submit.native.prevent style="display:flex;">
|
|
|
<el-form-item label="">
|
|
|
<el-button
|
|
|
v-permission="permissionBtn.smartReportManageBtn.reportManage_reportAdd"
|
|
@@ -11,17 +11,92 @@
|
|
|
@click="showAddReport=true"
|
|
|
>添加研报</el-button>
|
|
|
</el-form-item>
|
|
|
+ <!-- 整合的筛选项 -->
|
|
|
<el-form-item label="">
|
|
|
- <el-select
|
|
|
- v-model="searchform.timeType"
|
|
|
- placeholder="选择时间类型"
|
|
|
- size="medium"
|
|
|
- style="width:110px"
|
|
|
- @change="search"
|
|
|
- >
|
|
|
- <el-option :label="isApprove?'审批时间':'发布时间'" value="publish_time"></el-option>
|
|
|
- <el-option label="更新时间" value="modify_time"></el-option>
|
|
|
- </el-select>
|
|
|
+ <el-popover
|
|
|
+ placement="bottom"
|
|
|
+ trigger="click"
|
|
|
+ :visible-arrow="false"
|
|
|
+ popper-class="report-select-popover"
|
|
|
+ width="320" style="display: inline-block;">
|
|
|
+ <div class="select-wrap">
|
|
|
+ <p>筛选项</p>
|
|
|
+ <div class="select-item">
|
|
|
+ <el-select
|
|
|
+ v-model="searchform.timeType"
|
|
|
+ placeholder="选择时间类型"
|
|
|
+ size="medium"
|
|
|
+ style="width:100%"
|
|
|
+ @change="search"
|
|
|
+ >
|
|
|
+ <el-option :label="isApprove?'审批时间':'发布时间'" value="publish_time"></el-option>
|
|
|
+ <el-option label="更新时间" value="modify_time"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="select-item">
|
|
|
+ <el-select
|
|
|
+ @change="search"
|
|
|
+ v-model="searchform.frequency"
|
|
|
+ placeholder="更新频度筛选"
|
|
|
+ size="medium"
|
|
|
+ clearable
|
|
|
+ style="width:100%"
|
|
|
+ >
|
|
|
+ <el-option label="年度" value="年度"></el-option>
|
|
|
+ <el-option label="半年度" value="半年度"></el-option>
|
|
|
+ <el-option label="季度" value="季度"></el-option>
|
|
|
+ <el-option label="月度" value="月度"></el-option>
|
|
|
+ <el-option label="双周度" value="双周度"></el-option>
|
|
|
+ <el-option label="周度" value="周度"></el-option>
|
|
|
+ <el-option label="日度" value="日度"></el-option>
|
|
|
+ <el-option label="不定时" value="不定时"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="select-item">
|
|
|
+ <el-cascader
|
|
|
+ @change="search"
|
|
|
+ :options="optionsArr"
|
|
|
+ v-model="searchform.classifynameArr"
|
|
|
+ clearable
|
|
|
+ placeholder="类型筛选"
|
|
|
+ style="width:100%;"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="select-item" v-if="!isApprove">
|
|
|
+ <el-select
|
|
|
+ v-model.number="searchform.publishState"
|
|
|
+ placeholder="发布筛选"
|
|
|
+ size="medium"
|
|
|
+ clearable
|
|
|
+ style="width:100%;"
|
|
|
+ @change="search"
|
|
|
+ >
|
|
|
+ <el-option label="已发布" :value="2"></el-option>
|
|
|
+ <el-option label="未发布" :value="1"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ <div class="select-item" v-if="isApprove">
|
|
|
+ <el-select
|
|
|
+ v-model.number="searchform.publishState"
|
|
|
+ placeholder="状态筛选"
|
|
|
+ size="medium"
|
|
|
+ clearable
|
|
|
+ style="width:100%;"
|
|
|
+ @change="search"
|
|
|
+ >
|
|
|
+ <el-option label="待提交" :value="1"></el-option>
|
|
|
+ <el-option label="待审批" :value="2"></el-option>
|
|
|
+ <el-option label="已审批" :value="4"></el-option>
|
|
|
+ <el-option label="已驳回" :value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="select-btn" slot="reference">
|
|
|
+ <img src="~@/assets/icons/filter.svg">
|
|
|
+ <span>筛选条件</span>
|
|
|
+ <span class="select-num">+{{selectNum}}</span>
|
|
|
+ </div>
|
|
|
+ </el-popover>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="">
|
|
|
<el-date-picker
|
|
@@ -37,63 +112,6 @@
|
|
|
style="width: 280px"
|
|
|
/>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="">
|
|
|
- <el-select
|
|
|
- @change="search"
|
|
|
- v-model="searchform.frequency"
|
|
|
- placeholder="更新频度筛选"
|
|
|
- size="medium"
|
|
|
- clearable
|
|
|
- style="width: 140px"
|
|
|
- >
|
|
|
- <el-option label="年度" value="年度"></el-option>
|
|
|
- <el-option label="半年度" value="半年度"></el-option>
|
|
|
- <el-option label="季度" value="季度"></el-option>
|
|
|
- <el-option label="月度" value="月度"></el-option>
|
|
|
- <el-option label="双周度" value="双周度"></el-option>
|
|
|
- <el-option label="周度" value="周度"></el-option>
|
|
|
- <el-option label="日度" value="日度"></el-option>
|
|
|
- <el-option label="不定时" value="不定时"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="">
|
|
|
- <el-cascader
|
|
|
- @change="search"
|
|
|
- :options="optionsArr"
|
|
|
- v-model="searchform.classifynameArr"
|
|
|
- clearable
|
|
|
- placeholder="类型筛选"
|
|
|
- size="medium"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="" v-if="!isApprove">
|
|
|
- <el-select
|
|
|
- v-model.number="searchform.publishState"
|
|
|
- placeholder="发布筛选"
|
|
|
- size="medium"
|
|
|
- clearable
|
|
|
- style="width: 140px"
|
|
|
- @change="search"
|
|
|
- >
|
|
|
- <el-option label="已发布" :value="2"></el-option>
|
|
|
- <el-option label="未发布" :value="1"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="" v-if="isApprove">
|
|
|
- <el-select
|
|
|
- v-model.number="searchform.publishState"
|
|
|
- placeholder="状态筛选"
|
|
|
- size="medium"
|
|
|
- clearable
|
|
|
- style="width: 140px"
|
|
|
- @change="search"
|
|
|
- >
|
|
|
- <el-option label="待提交" :value="1"></el-option>
|
|
|
- <el-option label="待审批" :value="2"></el-option>
|
|
|
- <el-option label="已审批" :value="4"></el-option>
|
|
|
- <el-option label="已驳回" :value="3"></el-option>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
<!-- <el-form-item label="">
|
|
|
<el-select
|
|
|
v-permission="permissionBtn.smartReportManageBtn.reportManage_reportList_sendTime"
|
|
@@ -108,7 +126,7 @@
|
|
|
<el-option label="已推送消息" :value="2"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item> -->
|
|
|
- <el-form-item>
|
|
|
+ <el-form-item style="flex:1;text-align:right;">
|
|
|
<el-input
|
|
|
@input="search"
|
|
|
placeholder="标题 / 创建人 / 更新人"
|
|
@@ -137,6 +155,7 @@
|
|
|
label="报告标题"
|
|
|
align="center"
|
|
|
min-width="140"
|
|
|
+ fixed
|
|
|
>
|
|
|
<template slot-scope="scope">
|
|
|
<div @click="lookreportdtl(scope.row)">
|
|
@@ -166,6 +185,7 @@
|
|
|
label="摘要"
|
|
|
align="center"
|
|
|
min-width="140"
|
|
|
+ fixed
|
|
|
></el-table-column>
|
|
|
<el-table-column label="报告类型" align="center" min-width="140">
|
|
|
<template slot-scope="scope"
|
|
@@ -262,7 +282,7 @@
|
|
|
>{{ hasUV? scope.row.Pv+'/'+scope.row.Uv:scope.row.Pv }}</template
|
|
|
>
|
|
|
</el-table-column>
|
|
|
- <el-table-column label="操作" align="center" min-width="130">
|
|
|
+ <el-table-column label="操作" align="center" min-width="130" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
<div class="opt-btns">
|
|
|
<!-- 不走审批流的按钮 -->
|
|
@@ -560,7 +580,8 @@ export default {
|
|
|
isDSFB:false,
|
|
|
|
|
|
reportImgUrl:'',
|
|
|
- showReportImg:false
|
|
|
+ showReportImg:false,
|
|
|
+ selectNum:1
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
@@ -754,6 +775,17 @@ export default {
|
|
|
//搜索
|
|
|
search() {
|
|
|
this.ispage = false;
|
|
|
+ this.selectNum = 1;
|
|
|
+ //检测筛选项的值,更新selectNum;
|
|
|
+ //frequency:string;classifynameArr:array;publishState:number;
|
|
|
+ ['frequency','classifynameArr','publishState'].forEach(key=>{
|
|
|
+ const keyType = typeof(this.searchform[key])
|
|
|
+ if(this.searchform[key]&&keyType!=='object')
|
|
|
+ this.selectNum++;
|
|
|
+ if(keyType==='object'&&this.searchform[key].length>0)
|
|
|
+ this.selectNum++;
|
|
|
+ })
|
|
|
+
|
|
|
this.$nextTick(() => {
|
|
|
this.PageIndex = 1;
|
|
|
this.getReportList();
|
|
@@ -907,8 +939,47 @@ export default {
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
-<style lang='scss' scoped>
|
|
|
+<style lang="scss">
|
|
|
+.report-select-popover{
|
|
|
+ .select-wrap{
|
|
|
+ padding:8px;
|
|
|
+ margin:0 20px;
|
|
|
+ .select-item{
|
|
|
+ margin-top:20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
|
|
+<style lang="scss" scoped>
|
|
|
.smart-report-list{
|
|
|
+ .select-btn{
|
|
|
+ cursor: pointer;
|
|
|
+ width:120px;
|
|
|
+ height: 36px;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #ECF2FE;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height:36px;
|
|
|
+ img,span{
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ }
|
|
|
+ .select-num{
|
|
|
+ width:20px;
|
|
|
+ height:20px;
|
|
|
+ line-height: 20px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color:#0052D9;
|
|
|
+ color:white;
|
|
|
+ font-size: 12px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .header{
|
|
|
+ .el-form-item{
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
.report-img-box{
|
|
|
position: fixed;
|
|
|
left: 0;
|