|
@@ -1,11 +1,26 @@
|
|
|
<template>
|
|
|
<section class="notice-config">
|
|
|
<div class="top-control">
|
|
|
- <el-button-group>
|
|
|
- <el-button size="medium" :class="{'is-active':activeTab===1}" @click="activeTab=1">启用中</el-button>
|
|
|
- <el-button size="medium" :class="{'is-active':activeTab===0}" @click="activeTab=0">未启用</el-button>
|
|
|
- <el-button size="medium" :class="{'is-active':activeTab===-1}" @click="activeTab=-1">全部</el-button>
|
|
|
- </el-button-group>
|
|
|
+ <div>
|
|
|
+ <el-button-group>
|
|
|
+ <el-button size="medium" :class="{'is-active':activeTab===1}" @click="activeTab=1">启用中</el-button>
|
|
|
+ <el-button size="medium" :class="{'is-active':activeTab===0}" @click="activeTab=0">未启用</el-button>
|
|
|
+ <el-button size="medium" :class="{'is-active':activeTab===-1}" @click="activeTab=-1">全部</el-button>
|
|
|
+ </el-button-group>
|
|
|
+ <!-- <div class="quickScreen">
|
|
|
+ <span>快速筛选:</span>
|
|
|
+ <span
|
|
|
+ class="item"
|
|
|
+ :class="quickScreenType == 'all' && 'active'"
|
|
|
+ @click="quickScreenHandle('all')"
|
|
|
+ >全部</span>
|
|
|
+ <span
|
|
|
+ class="item"
|
|
|
+ :class="quickScreenType == 'owner' && 'active'"
|
|
|
+ @click="quickScreenHandle('owner')"
|
|
|
+ >我创建的</span>
|
|
|
+ </div> -->
|
|
|
+ </div>
|
|
|
<el-popover
|
|
|
placement="bottom"
|
|
|
width="150"
|
|
@@ -154,6 +169,7 @@ export default {
|
|
|
bugImg: bugImg,
|
|
|
disabled: false,
|
|
|
copy: false,
|
|
|
+ quickScreenType: 'all',
|
|
|
visibleModify: false, // 添加修改弹框
|
|
|
modifyType: 'require', // 弹框类型
|
|
|
modifyData: null, // 当前修改的通知
|
|
@@ -189,6 +205,9 @@ export default {
|
|
|
this.getBizNoticeSettingList()
|
|
|
},
|
|
|
methods: {
|
|
|
+ quickScreenHandle(key) {
|
|
|
+ this.quickScreenType = key
|
|
|
+ },
|
|
|
async getBizNoticeSettingList() { // 获取列表
|
|
|
const params = {
|
|
|
bizId: this.bizId,
|
|
@@ -303,6 +322,19 @@ ul,li{
|
|
|
justify-content: space-between;
|
|
|
align-items: center;
|
|
|
margin-bottom: 30px;
|
|
|
+ .quickScreen {
|
|
|
+ display: inline-block;
|
|
|
+ margin-left: 20px;
|
|
|
+ font-weight: 600;
|
|
|
+ .item {
|
|
|
+ margin-right: 5px;
|
|
|
+ font-weight: 400;
|
|
|
+ cursor: pointer;
|
|
|
+ }
|
|
|
+ .active {
|
|
|
+ color: #409EFF;
|
|
|
+ }
|
|
|
+ }
|
|
|
.el-button-group {
|
|
|
button{
|
|
|
padding: 0;
|