fix: 内置报告 全选bug修复

src/components/table/report/builtinReportTable.vue

@@ -8,7 +8,6 @@
       @header-dragend="dragend"
       @sort-change="tableDataSort"
       @selection-change="selectionChange"
-      @select-all="selectionChangeAll"
       @select="select"
   >
     <el-table-column
@@ -39,6 +38,9 @@
             {{scope.row.startTime}}-{{scope.row.endTime}}
           </template>
         </span>
+        <span v-if="item.prop === 'type'">
+            {{scope.row.reportTemp.name}}
+        </span>
         <span v-else>{{scope.row[item.prop]}}</span>
       </template>
 
@@ -59,18 +61,16 @@
     </el-table-column>
   </el-table>
   <div class="table-operation-all">
-    <el-checkbox v-model="checkboxAll" @change="builtinReportCheckbox"></el-checkbox>
+    <el-checkbox v-model="checkboxAll" @change="builtinReportCheckbox(tableData)"></el-checkbox>
     <div class="table-operation-all-span">
       <span>{{ $t('overall.all') }}</span>
-      <span :class="{'table-operation-all-checkbox': checkboxAll}" @click="batchDownload">{{$t('report.batchDow')}}</span>
+      <span :class="{'table-operation-all-checkbox': batchDow}" :disabled="checkboxAll" @click="tableOperation(['download', this.checkboxIds, 'builtin'])">{{$t('report.batchDow')}}</span>
     </div>
   </div>
 </template>
 
 <script>
 import table from '@/mixins/table'
-import { get } from '@/utils/http'
-import axios from 'axios'
 export default {
   name: 'builtinReportTable',
   mixins: [table],
@@ -102,74 +102,26 @@ export default {
       ],
       checkboxAll: false,
       checkboxIds: '',
-      builtinId: ''
+      batchDow: false,
+      builtinId: '',
+      indeterminate: false
     }
   },
   methods: {
-    select (objs) {
+    selectionChange (objs) {
+      this.$emit('selectionChange', objs)
       this.checkboxIds = objs.map(item => { return item.id }).join(',')
-      if (objs.length > 0) {
-        this.checkboxAll = true
-      } else {
-        this.checkboxAll = false
-      }
+      this.checkboxAll = objs.length > 0 || objs.length === this.tableData.length
+      this.batchDow = objs.length > 0
     },
     builtinReportCheckbox (objs) {
       if (objs) {
-        this.selectionChangeAll(this.tableData)
+        objs.forEach(item => {
+          this.$refs.dataTable.toggleAllSelection(item)
+        })
+      } else {
+        this.$refs.dataTable.clearSelection()
       }
-    },
-    selectionChangeAll (objs) {
-      console.log(objs)
-    },
-    batchDownload: function () {
-      const fileName = 'builtinReport' + '-' + this.getTimeString() + '.zip'
-      const params = {
-        ids: this.checkboxIds
-      }
-      axios.get('/report/job/batchDownloadPdf', { responseType: 'blob', params: params }).then(res => {
-        if (window.navigator.msSaveOrOpenBlob) {
-          // 兼容ie11
-          const blobObject = new Blob([res.data])
-          window.navigator.msSaveOrOpenBlob(blobObject, fileName)
-        } else {
-          const url = URL.createObjectURL(new Blob([res.data]))
-          const a = document.createElement('a')
-          document.body.appendChild(a) // 此处增加了将创建的添加到body当中
-          a.href = url
-          a.download = fileName
-          a.target = '_blank'
-          a.click()
-          a.remove() // 将a标签移除
-        }
-      }, error => {
-        const $self = this
-        const reader = new FileReader()
-        reader.onload = function (event) {
-          const responseText = reader.result
-          const exception = JSON.parse(responseText)
-          if (exception.message) {
-            $self.$message.error(exception.message)
-          } else {
-            console.error(error)
-          }
-        }
-        reader.readAsText(error.response.data)
-      })
-    },
-    getTimeString () {
-      const split = '-'
-      const date = new Date()
-      const year = date.getFullYear()
-      const month = this.formatNum(date.getMonth() + 1)
-      const day = this.formatNum(date.getDate())
-      const hours = this.formatNum(date.getHours())
-      const minutes = this.formatNum(date.getMinutes())
-      const seconds = this.formatNum(date.getSeconds())
-      return year + split + month + split + day + ' ' + hours + split + minutes + split + seconds
-    },
-    formatNum (num) {
-      return num > 9 ? num : '0' + num
     }
   }
 }