| | |
| | | <div class="main_app"> |
| | | <QueryForm v-model="filters" :query-form-config="queryFormConfig" @handleQuery="getList(1)" @clear="clear" /> |
| | | <div class="mt20"> |
| | | <el-button type="primary" @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导出</el-button> |
| | | <el-button type="primary" @click="handleEdit()" v-permissions="['business:ywpatrolline:create']">新建出库单</el-button> |
| | | <el-button @click="handleEx()" v-permissions="['business:ywpatrolline:create']">导出</el-button> |
| | | </div> |
| | | <el-table v-loading="loading" :data="list" stripe> |
| | | <el-table-column prop="platformName" label="出库单号" min-width="120" show-overflow-tooltip /> |
| | |
| | | <el-table-column prop="workTime" label="操作时间" min-width="140" show-overflow-tooltip /> |
| | | <el-table-column prop="workTime" label="操作" min-width="80" show-overflow-tooltip> |
| | | <template v-slot="{row}"> |
| | | <span class="primaryColor pointer">查看详情</span> |
| | | <span @click="handleDetail(row)" class="primaryColor pointer">查看详情</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | <div class="mt20"> |
| | | <Pagination @size-change="handleSizeChange" @current-change="getList" :pagination="pagination" /> |
| | | </div> |
| | | <!-- --> |
| | | <InEdit v-if="isShowEdit" @close="isShowEdit = false" @success="getList" ref="InEditRef" /> |
| | | <InDetail v-if="isShowDetail" ref="InDetailRef" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import Pagination from '@/components/common/Pagination' |
| | | import QueryForm from '@/components/common/QueryForm' |
| | | import InEdit from './components/InEdit' |
| | | import InDetail from './components/InDetail' |
| | | import dayjs from 'dayjs' |
| | | import duration from 'dayjs/plugin/duration' |
| | | dayjs.extend(duration) |
| | |
| | | export default { |
| | | components: { |
| | | Pagination, |
| | | QueryForm |
| | | QueryForm, |
| | | InEdit, |
| | | InDetail |
| | | }, |
| | | data() { |
| | | return { |
| | | loading: false, |
| | | isShowEdit: false, |
| | | isShowDetail: false, |
| | | pagination: { |
| | | pageSize: 10, |
| | | page: 1, |
| | | total: 0 |
| | | }, |
| | | filters: {}, |
| | | list: [], |
| | | list: [{}], |
| | | total: 0, |
| | | queryFormConfig: { |
| | | formItems: [ |
| | |
| | | } |
| | | }) |
| | | }, |
| | | handleEdit() { |
| | | this.isShowEdit = true |
| | | this.$nextTick(() => { |
| | | this.$refs.InEditRef.isShowModal = true |
| | | }) |
| | | }, |
| | | handleDetail() { |
| | | this.isShowDetail = true |
| | | this.$nextTick(() => { |
| | | this.$refs.InDetailRef.visible = true |
| | | }) |
| | | }, |
| | | handleEx() { }, |
| | | getGroupList() { |
| | | getPlatformGroupList({ queryData: 0, queryType: 0 }).then(res => { |
| | |
| | | getList(page) { |
| | | const { pagination, filters } = this |
| | | this.loading = true |
| | | if(page){pagination.page = page} |
| | | platformLogPage({ |
| | | model: { |
| | | ...filters, |
| | |
| | | }, |
| | | sorts: [{ direction: 'DESC', property: 'param1' }], |
| | | capacity: pagination.pageSize, |
| | | page: page || pagination.page, |
| | | page: page, |
| | | }).then(res => { |
| | | this.loading = false |
| | | this.list = res.records || [] |
| | |
| | | }, |
| | | handleSizeChange(capacity) { |
| | | this.pagination.pageSize = capacity |
| | | this.getList() |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style> |
| | | |
| | | </style> |
| | | <style></style> |