导航页样式,入库页样式,分页
This commit is contained in:
@@ -15,46 +15,47 @@
|
||||
</view>
|
||||
</view>
|
||||
<view class="zd-row jcflexstart table-title_wraper">
|
||||
<view class="iconfont mgr5"></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 = ''
|
||||
|
||||
Reference in New Issue
Block a user