导航页样式,入库页样式,分页

This commit is contained in:
2024-02-26 18:11:25 +08:00
parent 9df8b4b10f
commit 4530466278
18 changed files with 392 additions and 280 deletions

View File

@@ -15,46 +15,47 @@
</view>
</view>
<view class="zd-row jcflexstart table-title_wraper">
<view class="iconfont mgr5">&#xe649;</view>
<text>采购入库</text>
</view>
<view class="title-line"></view>
<view class="grid-wrap">
<view class="zd-row">
<view class="zd-col-2 zd-th zd-th_fir"><text>序号</text></view>
<view class="zd-col-2 zd-th"><view class="zd-checkbox"></view></view>
<view class="zd-col-3 zd-th"><text>入库单号</text></view>
<view class="zd-col-3 zd-th"><text>EAS单号</text></view>
<view class="zd-col-2 zd-th"><text>状态</text></view>
<view class="zd-col-3 zd-th"><text>去向</text></view>
<view class="zd-col-3 zd-th"><text>入库日期</text></view>
<view class="zd-col-3 zd-th"><text>领料人</text></view>
<view class="zd-col-3 zd-th zd-th_last"><text>制单</text></view>
</view>
<view class="allwidth" v-for="(e, i) in dataList" :key="i">
<view class="zd-row">
<view class="zd-col-2 zd-td"><text>{{i+1}}</text></view>
<view class="zd-col-2 zd-td"><view class="zd-checkbox"></view></view>
<view class="zd-col-3 zd-td fontcol1"><text>{{e.a}}</text></view>
<view class="zd-col-3 zd-td fontcol2"><text>{{e.b}}</text></view>
<view class="zd-col-2 zd-td"><text class="fontbg1">{{e.c}}</text></view>
<view class="zd-col-3 zd-td fontcol2"><text>{{e.d}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.e}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.f}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.g}}</text></view>
<view class="table-wrap">
<view class="zd-row zd-th-wraper">
<view class="zd-col-2 zd-th"><text>序号</text></view>
<view class="zd-col-2 zd-th"><view class="zd-checkbox"></view></view>
<view class="zd-col-3 zd-th"><text>入库单号</text></view>
<view class="zd-col-3 zd-th"><text>EAS单号</text></view>
<view class="zd-col-2 zd-th"><text>状态</text></view>
<view class="zd-col-3 zd-th"><text>去向</text></view>
<view class="zd-col-3 zd-th"><text>入库日期</text></view>
<view class="zd-col-3 zd-th"><text>领料</text></view>
<view class="zd-col-3 zd-th"><text>制单人</text></view>
</view>
<view class="zd-row zd-sec-table">
<view class="zd-col-2 zd-sec-th"><text>序号</text></view>
<view class="zd-col-2 zd-sec-th"><view class="zd-checkbox"></view></view>
<view class="zd-col-3 zd-sec-th"><text>入库单号</text></view>
<view class="zd-col-3 zd-sec-th"><text>EAS单号</text></view>
<view class="zd-col-2 zd-sec-th"><text>状态</text></view>
<view class="zd-col-3 zd-sec-th"><text>去向</text></view>
<view class="zd-col-3 zd-sec-th"><text>入库日期</text></view>
<view class="zd-col-3 zd-sec-th"><text>领料人</text></view>
<view class="zd-col-3 zd-sec-th"><text>制单人</text></view>
<view class="allwidth" v-for="(e, i) in dataList" :key="i">
<view class="zd-row">
<view class="zd-col-2 zd-td"><text>{{i+1}}</text></view>
<view class="zd-col-2 zd-td"><view class="zd-checkbox zd-checkbox_active"></view></view>
<view class="zd-col-3 zd-td fontcol1"><text>{{e.a}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.b}}</text></view>
<view class="zd-col-2 zd-td"><text class="fontbg1">{{e.c}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.d}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.e}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.f}}</text></view>
<view class="zd-col-3 zd-td"><text>{{e.g}}</text></view>
</view>
<view v-show="e.checked" class="zd-row zd-sec-table">
<view class="zd-col-2 zd-sec-th"><text>序号</text></view>
<view class="zd-col-2 zd-sec-th"><view class="zd-checkbox"></view></view>
<view class="zd-col-3 zd-sec-th"><text>入库单号</text></view>
<view class="zd-col-3 zd-sec-th"><text>EAS单号</text></view>
<view class="zd-col-2 zd-sec-th"><text>状态</text></view>
<view class="zd-col-3 zd-sec-th"><text>去向</text></view>
<view class="zd-col-3 zd-sec-th"><text>入库日期</text></view>
<view class="zd-col-3 zd-sec-th"><text>领料人</text></view>
<view class="zd-col-3 zd-sec-th"><text>制单人</text></view>
</view>
</view>
</view>
<pagination :total="total" :page-size="queryParams.pageSize" :current-page="queryParams.pageNum" @page-change="handlePageChange" />
</view>
</view>
</template>
@@ -62,18 +63,26 @@
<script>
import NavBar from '@/components/NavBar.vue'
import SearchBox from '@/components/SearchBox.vue'
import {finishproductPoint, InstoreOrder} from '@/utils/getData2.js'
import Pagination from '@/components/Pagination.vue'
import {easOutInBillPage} from '@/utils/getData2.js'
export default {
components: {
NavBar,
SearchBox
SearchBox,
Pagination
},
data() {
return {
id: '',
val1: '',
dataList: [{a: 'IO20213', b: 'SOUT4201', c: '未审核', d: '叉车装配线', e: '2023-06-16', f: '陈晓华', g: 'EAS_钱丽文'}, {a: 'IO20213', b: 'SOUT4201', c: '未审核', d: '叉车装配线', e: '2023-06-16', f: '陈晓华', g: 'EAS_钱丽文'}],
dataList: [],
pkId: '',
disabled: false
disabled: false,
total: 0,
queryParams:{
pageSize: 0,
pageNum: 0
}
};
},
onShow() {
@@ -84,7 +93,26 @@
destroyed () {
this.$store.dispatch('setPublicArr', '')
},
onLoad (options) {
this.id = options.id
},
created () {
this._easOutInBillPage()
},
methods: {
async _easOutInBillPage () {
let res = await easOutInBillPage(this.id)
res.result.map(el => {
this.$set(el, 'checked', false)
})
this.dataList = [...res.result]
this.total = Number(res.totalElements)
this.queryParams.pageSize = Number(res.pageSize)
this.queryParams.pageNum = Number(res.pageNum)
},
handlePageChange(page) {
this.queryParams.pageNum = page;
},
toDelect () {
this.dataList = []
this.pkId = ''