|  |  |  | 
|---|
|  |  |  | <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="param2" label="操作人" min-width="90" 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> | 
|---|
|  |  |  | <template v-slot="{ row }"> | 
|---|
|  |  |  | <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> | 
|---|
|  |  |  | <!--  --> | 
|---|
|  |  |  | <OutEdit v-if="isShowEdit" @close="isShowEdit = false" @success="getList" ref="OutEditRef" /> | 
|---|
|  |  |  | <OutDetail v-if="isShowDetail" ref="OutDetailRef" /> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <script> | 
|---|
|  |  |  | import Pagination from '@/components/common/Pagination' | 
|---|
|  |  |  | import QueryForm from '@/components/common/QueryForm' | 
|---|
|  |  |  | import OutEdit from './components/OutEdit' | 
|---|
|  |  |  | import OutDetail from './components/OutDetail' | 
|---|
|  |  |  | import dayjs from 'dayjs' | 
|---|
|  |  |  | import duration from 'dayjs/plugin/duration' | 
|---|
|  |  |  | dayjs.extend(duration) | 
|---|
|  |  |  | 
|---|
|  |  |  | export default { | 
|---|
|  |  |  | components: { | 
|---|
|  |  |  | Pagination, | 
|---|
|  |  |  | QueryForm | 
|---|
|  |  |  | QueryForm, | 
|---|
|  |  |  | OutEdit, | 
|---|
|  |  |  | OutDetail | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | data() { | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | loading: false, | 
|---|
|  |  |  | isShowEdit: false, | 
|---|
|  |  |  | isShowDetail: false, | 
|---|
|  |  |  | pagination: { | 
|---|
|  |  |  | pageSize: 10, | 
|---|
|  |  |  | page: 1, | 
|---|
|  |  |  | total: 0 | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | filters: {}, | 
|---|
|  |  |  | list: [], | 
|---|
|  |  |  | list: [{}], | 
|---|
|  |  |  | total: 0, | 
|---|
|  |  |  | queryFormConfig: { | 
|---|
|  |  |  | formItems: [ | 
|---|
|  |  |  | { | 
|---|
|  |  |  | { | 
|---|
|  |  |  | filed: 'carCodeFront', | 
|---|
|  |  |  | type: 'input', | 
|---|
|  |  |  | label: '出库单号', | 
|---|
|  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleEdit() { | 
|---|
|  |  |  | this.isShowEdit = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.OutEditRef.isShowModal = true | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | handleDetail() { | 
|---|
|  |  |  | this.isShowDetail = true | 
|---|
|  |  |  | this.$nextTick(() => { | 
|---|
|  |  |  | this.$refs.OutDetailRef.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> | 
|---|