|  |  | 
 |  |  |   <div class="main_app"> | 
 |  |  |     <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> | 
 |  |  |     <div class="mt20"> | 
 |  |  |       <el-button v-permissions="['business:ywpatrolline:create']">导出</el-button> | 
 |  |  |       <el-button @click="handleEx" v-permissions="['business:ywstock:exportExcel']">导出</el-button> | 
 |  |  |     </div> | 
 |  |  |     <el-table v-loading="loading" :data="list" stripe> | 
 |  |  |       <el-table-column prop="materialId" label="资产编码" min-width="100" show-overflow-tooltip /> | 
 |  |  | 
 |  |  | import dayjs from 'dayjs' | 
 |  |  | import duration from 'dayjs/plugin/duration' | 
 |  |  | dayjs.extend(duration) | 
 |  |  | import { fetchList } from '@/api/ywStock' | 
 |  |  | import { ywStockPage,ywStockPageEx  } from '@/api/store/index' | 
 |  |  | export default { | 
 |  |  |   components: { | 
 |  |  |     Pagination, | 
 |  |  | 
 |  |  |     getList(page) { | 
 |  |  |       const { pagination, filters } = this | 
 |  |  |       this.loading = true | 
 |  |  |       fetchList({ | 
 |  |  |       ywStockPage({ | 
 |  |  |         model: { | 
 |  |  |           ...filters | 
 |  |  |         }, | 
 |  |  | 
 |  |  |         this.loading = false | 
 |  |  |       }) | 
 |  |  |     }, | 
 |  |  |     handleEx() { | 
 |  |  |       this.$dialog.exportConfirm('确认导出吗?') | 
 |  |  |         .then(() => { | 
 |  |  |           this.loading = true | 
 |  |  |           ywStockPageEx({ | 
 |  |  |             page: this.pagination.page, | 
 |  |  |             capacity: 1000000, | 
 |  |  |             model: this.filters | 
 |  |  |           }) | 
 |  |  |             .then(response => { | 
 |  |  |               this.download(response) | 
 |  |  |             }) | 
 |  |  |             .catch(e => { | 
 |  |  |               this.$tip.apiFailed(e) | 
 |  |  |             }) | 
 |  |  |             .finally(() => { | 
 |  |  |               this.loading = false | 
 |  |  |             }) | 
 |  |  |         }) | 
 |  |  |         .catch(() => { }) | 
 |  |  |     }, | 
 |  |  |     clear() { | 
 |  |  |       this.filters = {} | 
 |  |  |       this.pagination.pageSize = 10 |