|  |  | 
 |  |  |     <div class="mt20"> | 
 |  |  |       <el-button type="primary" @click="handleEdit()" icon="el-icon-plus" | 
 |  |  |         v-permissions="['business:ywpatrolline:create']">新建</el-button> | 
 |  |  |       <el-button type="primary" @click="handleEx" v-permissions="['business:ywpatrolline:create']">导出</el-button> | 
 |  |  |       <el-button type="primary" @click="exportExcel" :loading="isWorking.export" v-permissions="['business:ywpatrolline:create']">导出</el-button> | 
 |  |  |     </div> | 
 |  |  |     <el-table v-loading="loading" :data="list" stripe> | 
 |  |  |       <el-table-column prop="realName" label="运维人" min-width="100" show-overflow-tooltip /> | 
 |  |  | 
 |  |  | import QueryForm from '@/components/common/QueryForm' | 
 |  |  | import Edit from './components/maintain.vue' | 
 |  |  | import Detail from './components/maintainDetail.vue' | 
 |  |  | import { fetchList, deleteById } from '@/api/Inspection/deviceRecord' | 
 |  |  | import { fetchList, deleteById, exportExcel } from '@/api/Inspection/deviceRecord' | 
 |  |  | import { ywExportExcel } from '@/api/client/staff' | 
 |  |  | export default { | 
 |  |  |   components: { | 
 |  |  |     Pagination, | 
 |  |  | 
 |  |  |           }, | 
 |  |  |         ], | 
 |  |  |         online: true | 
 |  |  |       }, | 
 |  |  |       isWorking: { | 
 |  |  |         export: false | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  | 
 |  |  |         this.loading = false | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     handleEx() { | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     handleEdit(row) { | 
 |  |  |       this.showEdit = true | 
 |  |  |       this.$nextTick(() => { | 
 |  |  | 
 |  |  |           this.$refs.EditRef.getDetail(row.id) | 
 |  |  |         } | 
 |  |  |       }) | 
 |  |  |  | 
 |  |  |     }, | 
 |  |  |     handleDetail(row) { | 
 |  |  |       this.$refs.DetailRef.visible = true | 
 |  |  | 
 |  |  |     handleSizeChange(capacity) { | 
 |  |  |       this.pagination.pageSize = capacity | 
 |  |  |       this.getList() | 
 |  |  |     } | 
 |  |  |     }, | 
 |  |  |     exportExcel () { | 
 |  |  |       this.$dialog.exportConfirm('确认导出吗?') | 
 |  |  |         .then(() => { | 
 |  |  |           this.isWorking.export = true | 
 |  |  |           exportExcel({ | 
 |  |  |             page: this.pagination.page, | 
 |  |  |             capacity: 1000000, | 
 |  |  |             model: this.filters | 
 |  |  |           }) | 
 |  |  |             .then(response => { | 
 |  |  |               this.download(response) | 
 |  |  |             }) | 
 |  |  |             .catch(e => { | 
 |  |  |               this.$tip.apiFailed(e) | 
 |  |  |             }) | 
 |  |  |             .finally(() => { | 
 |  |  |               this.isWorking.export = false | 
 |  |  |             }) | 
 |  |  |         }) | 
 |  |  |         .catch(() => {}) | 
 |  |  |     }, | 
 |  |  |   } | 
 |  |  | } | 
 |  |  | </script> |