| | |
| | | <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 /> |
| | | <el-table-column prop="materialName" label="资产名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="materialCode" label="物料编码" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="materialName" label="物料名称" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="materialQrcode" label="条码" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="materialBrand" label="品牌" min-width="100" show-overflow-tooltip /> |
| | | <el-table-column prop="materialAttr" 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' |
| | | import { fetchList as getStoreList } from '@/api/ywWarehouse' |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | |
| | | filed: 'warehouseId', |
| | | type: 'select', |
| | | label: '所在仓库', |
| | | labelCode: 'name', |
| | | valueCode: 'id', |
| | | options: [] |
| | | }, |
| | | { |
| | | filed: 'materialId', |
| | | filed: 'materialCode', |
| | | type: 'input', |
| | | label: '物料名称/编码', |
| | | placeholder: '请输入物料名称/编码' |
| | |
| | | }, |
| | | created() { |
| | | this.getList() |
| | | this.initData() |
| | | }, |
| | | methods: { |
| | | initData() { |
| | | getStoreList({ capacity: 9999, page: 1, model: {} }).then(res => { |
| | | this.queryFormConfig.formItems[0].options = res.records || [] |
| | | }) |
| | | }, |
| | | 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 |