|
@@ -13,7 +13,26 @@
|
|
|
<el-tabs v-model="activeNameTop" type="border-card" @tab-click="tabHandleClickTop">
|
|
|
<el-tab-pane label="入库记录" name="wareHouse">
|
|
|
<div style="height: calc(100% - 80px);">
|
|
|
+ <el-form size="small" :inline="true" class="query-form" ref="searchForm" :model="searchForm" @keyup.enter.native="refreshList()" @submit.native.prevent>
|
|
|
+ <!-- 搜索框-->
|
|
|
+ <el-form-item label="入库时间" prop="wareHouseDates">
|
|
|
+ <el-date-picker
|
|
|
+ placement="bottom-start"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ v-model="searchForm.wareHouseDates"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="list()" size="small" icon="el-icon-search">查询</el-button>
|
|
|
+ <el-button @click="resetSearch()" size="small" icon="el-icon-refresh-right">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
<vxe-table
|
|
|
border="inner"
|
|
|
auto-resize
|
|
@@ -42,26 +61,46 @@
|
|
|
<span v-else>{{scope.row.wareHouseName}}</span>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
- <vxe-column min-width="160" align="center" title="入库时间" field="wareHouseDate"></vxe-column>
|
|
|
+ <vxe-column min-width="160" align="center" title="入库数量" field="tradeNumber"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="经办人" field="wareHouseHandledBy"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="经办人部门" field="wareHouseHandledByOff"></vxe-column>
|
|
|
+ <vxe-column min-width="160" align="center" title="入库时间" field="wareHouseDate"></vxe-column>
|
|
|
|
|
|
</vxe-table>
|
|
|
-<!-- <vxe-pager-->
|
|
|
-<!-- background-->
|
|
|
-<!-- size="small"-->
|
|
|
-<!-- :current-page="tablePage.currentPage"-->
|
|
|
-<!-- :page-size="tablePage.pageSize"-->
|
|
|
-<!-- :total="tablePage.total"-->
|
|
|
-<!-- :page-sizes="[10, 20, 100, 1000, {label: '全量数据', value: 1000000}]"-->
|
|
|
-<!-- :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"-->
|
|
|
-<!-- @page-change="currentChangeHandle">-->
|
|
|
-<!-- </vxe-pager>-->
|
|
|
+ <vxe-pager
|
|
|
+ background
|
|
|
+ size="small"
|
|
|
+ :current-page="tablePage.currentPage"
|
|
|
+ :page-size="tablePage.pageSize"
|
|
|
+ :total="tablePage.total"
|
|
|
+ :page-sizes="[10, 20, 100, 1000, {label: '全量数据', value: 1000000}]"
|
|
|
+ :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
+ @page-change="currentChangeHandle">
|
|
|
+ </vxe-pager>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
<el-tab-pane label="领用记录" name="collect">
|
|
|
<div style="height: calc(100% - 80px);">
|
|
|
+ <el-form size="small" :inline="true" class="query-form" ref="searchForm2" :model="searchForm2" @keyup.enter.native="refreshList()" @submit.native.prevent>
|
|
|
+ <!-- 搜索框-->
|
|
|
+ <el-form-item label="领用时间" prop="collectDates">
|
|
|
+ <el-date-picker
|
|
|
+ placement="bottom-start"
|
|
|
+ format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ value-format="yyyy-MM-dd HH:mm:ss"
|
|
|
+ v-model="searchForm2.collectDates"
|
|
|
+ type="datetimerange"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="list2()" size="small" icon="el-icon-search">查询</el-button>
|
|
|
+ <el-button @click="resetSearch2()" size="small" icon="el-icon-refresh-right">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
<vxe-table
|
|
|
border="inner"
|
|
|
auto-resize
|
|
@@ -90,21 +129,22 @@
|
|
|
<span v-else>{{scope.row.goodsName}}</span>
|
|
|
</template>
|
|
|
</vxe-column>
|
|
|
+ <vxe-column min-width="160" align="center" title="领用数量" field="collectNumber"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="经办人" field="collectHandleBy"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="经办人部门" field="collectHandleByOff"></vxe-column>
|
|
|
<vxe-column min-width="160" align="center" title="领用时间" field="collectDate"></vxe-column>
|
|
|
|
|
|
</vxe-table>
|
|
|
-<!-- <vxe-pager-->
|
|
|
-<!-- background-->
|
|
|
-<!-- size="small"-->
|
|
|
-<!-- :current-page="tablePage.currentPage"-->
|
|
|
-<!-- :page-size="tablePage.pageSize"-->
|
|
|
-<!-- :total="tablePage.total"-->
|
|
|
-<!-- :page-sizes="[10, 20, 100, 1000, {label: '全量数据', value: 1000000}]"-->
|
|
|
-<!-- :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"-->
|
|
|
-<!-- @page-change="currentChangeHandle">-->
|
|
|
-<!-- </vxe-pager>-->
|
|
|
+ <vxe-pager
|
|
|
+ background
|
|
|
+ size="small"
|
|
|
+ :current-page="tablePage2.currentPage"
|
|
|
+ :page-size="tablePage2.pageSize"
|
|
|
+ :total="tablePage2.total"
|
|
|
+ :page-sizes="[10, 20, 100, 1000, {label: '全量数据', value: 1000000}]"
|
|
|
+ :layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
|
|
+ @page-change="currentChangeHandle2">
|
|
|
+ </vxe-pager>
|
|
|
</div>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
@@ -137,14 +177,23 @@
|
|
|
pageSize: 10,
|
|
|
orders: []
|
|
|
},
|
|
|
+ tablePage2: {
|
|
|
+ total: 0,
|
|
|
+ currentPage: 1,
|
|
|
+ pageSize: 10,
|
|
|
+ orders: []
|
|
|
+ },
|
|
|
tableKey: '',
|
|
|
dataList: [],
|
|
|
collectList: [],
|
|
|
searchForm: {
|
|
|
- purchaseSketch: '',
|
|
|
tradeName: '',
|
|
|
contractDates: []
|
|
|
},
|
|
|
+ searchForm2: {
|
|
|
+ tradeName: '',
|
|
|
+ collectDates: []
|
|
|
+ },
|
|
|
activeNameTop: 'wareHouse'
|
|
|
}
|
|
|
},
|
|
@@ -173,7 +222,9 @@
|
|
|
this.activeNameTop = 'wareHouse'
|
|
|
this.visible = true
|
|
|
this.searchForm.tradeName = tradeName
|
|
|
+ this.searchForm2.tradeName = tradeName
|
|
|
this.list()
|
|
|
+ this.list2()
|
|
|
},
|
|
|
list () {
|
|
|
this.loading = true
|
|
@@ -187,12 +238,14 @@
|
|
|
this.tableKey = Math.random()
|
|
|
this.loading = false
|
|
|
})
|
|
|
+ },
|
|
|
+ list2 () {
|
|
|
this.wareHouseService.collectHistoryList({
|
|
|
- ...this.searchForm
|
|
|
+ ...this.searchForm2
|
|
|
}).then(({data}) => {
|
|
|
this.collectList = data.records
|
|
|
// this.collectList = data.collectList
|
|
|
- this.tablePage.total = data.total
|
|
|
+ this.tablePage2.total = data.total
|
|
|
this.tableKey = Math.random()
|
|
|
this.loading = false
|
|
|
})
|
|
@@ -203,12 +256,23 @@
|
|
|
this.tablePage.pageSize = pageSize
|
|
|
this.list()
|
|
|
},
|
|
|
+ currentChangeHandle2 ({currentPage, pageSize}) {
|
|
|
+ this.tablePage2.currentPage = currentPage
|
|
|
+ this.tablePage2.pageSize = pageSize
|
|
|
+ this.list2()
|
|
|
+ },
|
|
|
resetSearch () {
|
|
|
this.$refs.searchForm.resetFields()
|
|
|
this.list()
|
|
|
},
|
|
|
+ resetSearch2 () {
|
|
|
+ this.$refs.searchForm2.resetFields()
|
|
|
+ this.list2()
|
|
|
+ },
|
|
|
close () {
|
|
|
this.visible = false
|
|
|
+ this.$refs.searchForm.resetFields()
|
|
|
+ this.$refs.searchForm2.resetFields()
|
|
|
},
|
|
|
tabHandleClickTop (event) {
|
|
|
// console.log(event)
|