案件批量关注，有过滤数据再提示

src/views/AllPersonnelBase/qbalk.vue

 <template>
-  <el-container class="AllPersonnelBase" direction="vertical">
+  <el-container
+    class="AllPersonnelBase"
+    direction="vertical"
+  >
     <!--一-->
     <!-- <div class="title">全部案件库</div> -->
     <!--二-->
@@ -18,7 +21,10 @@
           v-if="reqParam.caseStoreCustomSearchReq.ysxtAsjbh.length > 0"
           @click="empty"
         ></i>
-        <div class="search-icon el-icon-search" @click="search()"></div>
+        <div
+          class="search-icon el-icon-search"
+          @click="search()"
+        ></div>
       </div>
       <div class="search-right">
         <span class="create-time-text">{{$t('Common.sarehousing_time')}}:</span>&nbsp;&nbsp;
@@ -43,7 +49,10 @@
       <!-- 三 -->
       <div class="options">
         <div class="left">
-          <div class="btn" @click="batch">
+          <div
+            class="btn"
+            @click="batch"
+          >
             {{ $t('Common.batch_operation') }}
           </div>
           <el-checkbox-group
@@ -83,7 +92,11 @@
           >
             {{ $t('Common.copy_barcode') }}
           </div>
-          <div class="btn" @click="dcFptx" v-if="roleArr.includes('F-2-3')">
+          <div
+            class="btn"
+            @click="dcFptx"
+            v-if="roleArr.includes('F-2-3')"
+          >
             {{ $t('Common.fptx_export') }}
           </div>
           <div
@@ -93,7 +106,11 @@
           >
             {{ $t('Common.follow') }}
           </div>
-          <div class="btn" @click="delMore" v-if="roleArr.includes('F-2-5')">
+          <div
+            class="btn"
+            @click="delMore"
+            v-if="roleArr.includes('F-2-5')"
+          >
             {{ $t('Common.delete_btn') }}
           </div>
           <div
@@ -124,8 +141,7 @@
           style="color: #055fe7; font-size: 1rem; margin: 0 0.625rem"
         ></i>
         {{ $t('Common.selected')
-        }}<span style="color: #055fe7">{{ multipleSelection.length }}</span
-        >{{ $t('Common.sum') }}
+        }}<span style="color: #055fe7">{{ multipleSelection.length }}</span>{{ $t('Common.sum') }}
         <!-- <span v-html="'&nbsp;&nbsp;'"></span> -->
         <!-- ​服务调用总计:<span v-html="'&nbsp;&nbsp;'"></span>36.4万 -->
         <el-link
@@ -148,7 +164,10 @@
         @row-click="isShowAjxxkBtn"
         :class="{ delSelection: !selectBoo }"
       >
-        <el-table-column type="selection" :reserve-selection="true">
+        <el-table-column
+          type="selection"
+          :reserve-selection="true"
+        >
         </el-table-column>
         <el-table-column
           prop="ysxtAsjbh"
@@ -198,9 +217,15 @@
           :width="width4"
         >
         </el-table-column>
-        <el-table-column :label="$t('Common.option')" width="auto">
+        <el-table-column
+          :label="$t('Common.option')"
+          width="auto"
+        >
           <template slot-scope="scope">
-            <div class="ops" @click.stop="closeSelected">
+            <div
+              class="ops"
+              @click.stop="closeSelected"
+            >
               <el-tooltip
                 class="item"
                 effect="dark"
@@ -209,7 +234,10 @@
                 placement="top"
                 :open-delay="500"
               >
-                <div class="icon-div" @click="handleClick(scope.row)">
+                <div
+                  class="icon-div"
+                  @click="handleClick(scope.row)"
+                >
                   <!--                <img-->
                   <!--                  src="../../assets/img/qbryk/bj.svg"-->
                   <!--                  alt=""-->
@@ -225,7 +253,10 @@
                 placement="top"
                 :open-delay="500"
               >
-                <div v-if="scope.row.collectstatus == 1" class="icon-div">
+                <div
+                  v-if="scope.row.collectstatus == 1"
+                  class="icon-div"
+                >
                   <el-popconfirm
                     placement="top-start"
                     :hide-icon="true"
@@ -242,7 +273,10 @@
                     </div>
                   </el-popconfirm>
                 </div>
-                <div v-else class="icon-div">
+                <div
+                  v-else
+                  class="icon-div"
+                >
                   <div @click="isShowGzBtn1(scope.row)">
                     <!--                  <img-->
                     <!--                    src="../../assets/img/qbryk/sc.svg"-->
@@ -260,7 +294,10 @@
                 placement="top"
                 :open-delay="500"
               >
-                <div class="icon-div" @click="isShowGgrytmBtn(scope.row)">
+                <div
+                  class="icon-div"
+                  @click="isShowGgrytmBtn(scope.row)"
+                >
                   <!--                <img-->
                   <!--                  src="../../assets/img/qbryk/gx.svg"-->
                   <!--                  alt=""-->
@@ -276,7 +313,10 @@
                 placement="top"
                 :open-delay="500"
               >
-                <div class="icon-div" @click="isShowFcxBtn1(scope.row)">
+                <div
+                  class="icon-div"
+                  @click="isShowFcxBtn1(scope.row)"
+                >
                   <!--                <img-->
                   <!--                  src="../../assets/img/qbryk/search.svg"-->
                   <!--                  alt=""-->
@@ -292,7 +332,10 @@
                 placement="top"
                 :open-delay="500"
               >
-                <div class="icon-div" @click="isShowFztmBtn(scope.row)">
+                <div
+                  class="icon-div"
+                  @click="isShowFztmBtn(scope.row)"
+                >
                   <!--                <img-->
                   <!--                  src="../../assets/img/qbryk/bz.svg"-->
                   <!--                  alt=""-->
@@ -333,8 +376,7 @@
                         v-if="scope.row.collectstatus !== 1"
                         @click="clickCancle(scope.$index, scope.row)"
                         class="iconfont"
-                        >&#xe609;</span
-                      >
+                      >&#xe609;</span>
                     </div>
                   </el-popconfirm>
 
@@ -342,8 +384,7 @@
                     v-if="scope.row.collectstatus === 1"
                     @click="clickCancle(scope.$index, scope.row)"
                     class="iconfont"
-                    >&#xe609;</span
-                  >
+                  >&#xe609;</span>
                 </div>
               </el-tooltip>
             </div>
@@ -353,11 +394,9 @@
     </div>
     <!-- 六 -->
     <div class="block">
-      <span class="record"
-        >{{ $t('Common.all') }}{{ reqParam.page.total }}{{ $t('Common.item')
+      <span class="record">{{ $t('Common.all') }}{{ reqParam.page.total }}{{ $t('Common.item')
         }}{{ $t('Common.record') }} {{ $t('Common.di')
-        }}{{ reqParam.page.currPage }}/{{ size }}{{ $t('Common.page') }}</span
-      >
+        }}{{ reqParam.page.currPage }}/{{ size }}{{ $t('Common.page') }}</span>
       <el-pagination
         class="paging"
         @size-change="handleSizeChange"
@@ -417,7 +456,10 @@
       >
       </fcx>
       <!-- 新增案件弹窗 -->
-      <xzaj :isShowXzaj="isShowXzaj" @closeXzaj="closeXzaj"> </xzaj>
+      <xzaj
+        :isShowXzaj="isShowXzaj"
+        @closeXzaj="closeXzaj"
+      > </xzaj>
       <!-- 案件信息卡 -->
       <ajxxk
         :isShowAjxxk="isShowAjxxk"
@@ -451,7 +493,7 @@ export default {
     xzaj,
     ajxxk,
   },
-  created() {
+  created () {
     let w1 = 1920
     let w2 = window.innerWidth
 
@@ -460,7 +502,7 @@ export default {
     this.width3 = (this.width3 * w2) / w1
     this.width4 = (this.width4 * w2) / w1
   },
-  data() {
+  data () {
     return {
       width4: 150,
       width3: 100,
@@ -506,22 +548,22 @@ export default {
     }
   },
   methods: {
-    disabledDate(a) {
+    disabledDate (a) {
       if (a.getTime() > new Date().getTime()) {
         return true
       } else {
         return false
       }
     },
-    getPopConfirmRef(index) {
+    getPopConfirmRef (index) {
       return this.popConfirmName + index
     },
-    canclePopConfirm() {
+    canclePopConfirm () {
       if (this.popConfirmIndex !== -1) {
         this.$refs[this.getPopConfirmRef(this.popConfirmIndex)].cancel()
       }
     },
-    clickCancle(index, item) {
+    clickCancle (index, item) {
       this.canclePopConfirm()
       this.popConfirmIndex = index
       if (item && item.collectstatus === 1) {
@@ -532,7 +574,7 @@ export default {
       }
     },
     // 点击单条关闭批量操作
-    closeSelected() {
+    closeSelected () {
       this.disabled = false
       this.selectBoo = false
       this.isShowTip = false
@@ -542,11 +584,11 @@ export default {
      * @description: 选择时间
      * @return {*}
      */
-    selectTime() {
+    selectTime () {
       this.search()
     },
     // 获取案件数据
-    search(page = 1) {
+    search (page = 1) {
       this.selectBoo = false
       // console.info("案件请求===>", this.reqParam);
       this.reqParam.page.currPage = page
@@ -589,16 +631,16 @@ export default {
         })
     },
     // 保存选中的数据,row-key就是要指定一个key标识这一行的数据
-    getRowKeys(row) {
+    getRowKeys (row) {
       return row.id
     },
     // 清空输入框
-    empty() {
+    empty () {
       this.reqParam.caseStoreCustomSearchReq.ysxtAsjbh = ''
       this.search()
     },
     // 多选删除
-    delMore() {
+    delMore () {
       // 检查table选择的数据 如果没有选择则不可以删除
       if (this.multipleSelection.length === 0) {
         this.$message.error(this.$t('Common.select_delete_data'))
@@ -622,7 +664,7 @@ export default {
       }
     },
     // 单选删除
-    delOne(val) {
+    delOne (val) {
       console.log('删除数据')
       // 将传入的psns转为数组
       let ids = []
@@ -631,7 +673,7 @@ export default {
       this.doDelete(ids.toString())
     },
     // 请求删除接口
-    doDelete(ids) {
+    doDelete (ids) {
       this.$axios
         .delete('api/casestore/casebase', { params: { ids } })
         .then((response) => {
@@ -646,11 +688,11 @@ export default {
         })
     },
     // 案件信息卡操作
-    isShowAjxxkBtn(row) {
+    isShowAjxxkBtn (row) {
       this.rowData = row
       this.isShowAjxxk = true
     },
-    closeAjxxk(val) {
+    closeAjxxk (val) {
       //console.log("新增人员关闭", val);
       // 增加毛玻璃
       this.$bus.emit('isBlur', val)
@@ -658,12 +700,12 @@ export default {
       // this.search();
     },
     // 时间格式化
-    dateTimeFormat(row, colnum) {
+    dateTimeFormat (row, colnum) {
       let prop = colnum.property
       return row[prop] ? moment(row[prop]).format('YYYY-MM-DD') : ''
     },
     // 是否命案 格式化
-    sfmaPdbzFormat(row, colnum) {
+    sfmaPdbzFormat (row, colnum) {
       let prop = colnum.property
       let showProp = null
       switch (row[prop]) {
@@ -676,13 +718,13 @@ export default {
       return showProp
     },
     //滚动平面等筛选条件
-    searchCheckList(val) {
+    searchCheckList (val) {
       this.reqParam.page.caseCheckboxQuery = val
       this.reqParam.page.currPage = 1 // 当前页码
       this.search()
     },
     // 复制条码号 获取选中条码值
-    getysxtAsjbh() {
+    getysxtAsjbh () {
       let self = this
       this.ysxtAsjbh = []
       if (this.multipleSelection.length === 0) {
@@ -703,7 +745,7 @@ export default {
       // }
     },
     // 导出
-    dcFptx() {
+    dcFptx () {
       if (this.multipleSelection.length === 0) {
         this.$message.error(this.$t('Common.select_need_export_fptx_data'))
         this.selectBoo = true
@@ -717,13 +759,13 @@ export default {
       //   this.$message.error("只能导出单条数据的FPTX！");
       // }
     },
-    closeDcfptx1(val) {
+    closeDcfptx1 (val) {
       this.$bus.emit('isBlur', val)
       console.log('导出FPTX关闭', val)
       this.isShowDcfptx1 = val
     },
     // 复制成功时的回调函数
-    onCopy(e) {
+    onCopy (e) {
       if (this.multipleSelection.length != 0) {
         this.$message({
           type: 'success',
@@ -733,13 +775,13 @@ export default {
       }
     },
     // 复制失败时的回调函数
-    onError(e) {
+    onError (e) {
       if (this.multipleSelection.length != 0) {
         this.$message.error(this.$t('Common.sorry_copy_barcode_fail'))
       }
     },
     // 添加到队列
-    isShowTjddlBtn() {
+    isShowTjddlBtn () {
       // console.log('添加到队列')
       // if (this.multipleSelection.length === 0) {
       //   this.$message.error("请选择需要添加到队列的数据！");
@@ -751,13 +793,13 @@ export default {
       //   this.isShowTjddl = true;
       // }
     },
-    closeTjddl(val) {
+    closeTjddl (val) {
       this.$bus.emit('isBlur', val)
       console.log('添加到队列关闭', val)
       this.isShowTjddl = val
     },
     // 关注
-    isShowGzBtn() {
+    isShowGzBtn () {
       // 多行
       console.log('关注')
       let newarr = []
@@ -768,9 +810,14 @@ export default {
         this.disabled = true
       } else {
         let arr = this.multipleSelection
+        var index = 1
         for (var i = 0; i < arr.length; i++) {
           if (arr[i].collectstatus == 1) {
             // this.$message.error("该数据已关注")
+            if (index == 1) {
+              this.$message.info(this.$t('Common.filter_follow_data'))
+              index++
+            }
           } else {
             newarr.push(arr[i])
           }
@@ -783,7 +830,7 @@ export default {
         }
       }
     },
-    isShowGzBtn1(val) {
+    isShowGzBtn1 (val) {
       // 单行
       console.log(val, 123)
       let rowVal = []
@@ -791,7 +838,7 @@ export default {
       this.rowData = rowVal
       this.isShowGz = true
     },
-    closeGz(val) {
+    closeGz (val) {
       this.$bus.emit('isBlur', val)
       console.log('关注关闭', val)
       this.isShowGz = val
@@ -800,7 +847,7 @@ export default {
       }
     },
     // 取消关注
-    qxgz(val) {
+    qxgz (val) {
       // alert(val)
       this.$axios
         .delete('/api/mycase/cancel', { params: { cids: val } })
@@ -814,12 +861,12 @@ export default {
         })
     },
     // 更改条码操作
-    isShowGgrytmBtn(val) {
+    isShowGgrytmBtn (val) {
       console.log('更改条码', val)
       this.rowData = val
       this.isShowGgrytm = true
     },
-    closeGgrytm(val) {
+    closeGgrytm (val) {
       this.$bus.emit('isBlur', val)
       console.log('更改条码关闭', val)
       this.isShowGgrytm = val
@@ -828,12 +875,12 @@ export default {
       }
     },
     //复制条码列表操作
-    isShowFztmBtn(val) {
+    isShowFztmBtn (val) {
       console.log('复制条码', val)
       this.rowData = val
       this.isShowFztm = true
     },
-    closeFztm(val) {
+    closeFztm (val) {
       this.$bus.emit('isBlur', val)
       console.log('closeFztm复制条码关闭', val)
       this.isShowFztm = val
@@ -842,7 +889,7 @@ export default {
       }
     },
     //发查询操作(多行)
-    isShowFcxBtn() {
+    isShowFcxBtn () {
       if (this.multipleSelection.length === 0) {
         this.$message.error(this.$t('Common.select_need_fcx_data'))
         this.selectBoo = true
@@ -853,24 +900,24 @@ export default {
         this.isShowFcx = true
       }
     },
-    isShowFcxBtn1(val) {
+    isShowFcxBtn1 (val) {
       console.log('单行案件发查询数据', val)
       let rowVal = []
       rowVal.push(val)
       this.rowData = rowVal
       this.isShowFcx = true
     },
-    closeFcx(val) {
+    closeFcx (val) {
       this.$bus.emit('isBlur', val)
       console.log('发查询关闭', val)
       this.isShowFcx = val
       // this.search()
     },
     // 新增案件操作
-    isShowXzajBtn() {
+    isShowXzajBtn () {
       this.isShowXzaj = true
     },
-    closeXzaj(val) {
+    closeXzaj (val) {
       this.$bus.emit('isBlur', val)
       console.log('新增案件关闭', val)
       this.isShowXzaj = val
@@ -883,7 +930,7 @@ export default {
      * @param {*}
      * @return {*}
      */
-    batch() {
+    batch () {
       this.disabled = !this.disabled
       this.selectBoo = !this.selectBoo
       this.isShowTip = !this.isShowTip
@@ -894,7 +941,7 @@ export default {
      * @param {*} row
      * @return {*}
      */
-    handleClick(row) {
+    handleClick (row) {
       console.log(row)
       // 清除bus
       this.$bus.off('ajzwbjImage')
@@ -916,7 +963,7 @@ export default {
      * @param {*} val
      * @return {*}
      */
-    handleSelectionChange(val) {
+    handleSelectionChange (val) {
       this.multipleSelection = val
       console.log(this.multipleSelection)
       // if (this.multipleSelection.length) {
@@ -930,7 +977,7 @@ export default {
      * @param {*} pageSize 每页条数
      * @return {*}
      */
-    handleSizeChange(pageSize) {
+    handleSizeChange (pageSize) {
       this.reqParam.page.pageSize = pageSize
       this.search()
       console.log(pageSize)
@@ -940,7 +987,7 @@ export default {
      * @param {*} page 当前页
      * @return {*}
      */
-    handleCurrentChange(page) {
+    handleCurrentChange (page) {
       this.search(page)
       console.log(page)
     },
@@ -949,7 +996,7 @@ export default {
      * @param {*}
      * @return {*}
      */
-    toggleSelection(rows) {
+    toggleSelection (rows) {
       if (rows) {
         rows.forEach((row) => {
           this.$refs.multipleTable.toggleRowSelection(row)
@@ -959,7 +1006,7 @@ export default {
       }
       console.log(this.multipleSelection)
     },
-    onDblclickListener() {
+    onDblclickListener () {
       this.reqParam = {
         caseStoreCustomSearchReq: {
           ysxtAsjbh: '', // 搜索条码
@@ -977,7 +1024,7 @@ export default {
         },
       }
     },
-    onClickEnterKeyup(code) {
+    onClickEnterKeyup (code) {
       var _that = this
       //事件中keycode=13为回车事件
       if (code === 13) {
@@ -985,7 +1032,7 @@ export default {
       }
     },
   },
-  mounted() {
+  mounted () {
     if (this.$route.query.type == 'mh') {
       this.reqParam.caseStoreCustomSearchReq.caseCheckboxQuery.push('weichaxun')
       this.search()
@@ -1000,16 +1047,16 @@ export default {
     this.$keyBoard(this, 'onClickEnterKeyup')
     // this.$dblclick(this, 'onDblclickListener')
   },
-  activated() {
+  activated () {
     this.$keyBoard(this, 'onClickEnterKeyup')
   },
   computed: {
-    roleArr() {
+    roleArr () {
       return this.$store.state.layout.Menu
     },
   },
   watch: {
-    selectBoo(val) {
+    selectBoo (val) {
       let _that = this
       _that.disabled = val
       _that.isShowTip = val