|
@@ -0,0 +1,198 @@
|
|
|
+<template>
|
|
|
+ <div class="m-container">
|
|
|
+ <h2>
|
|
|
+ <div class="squrt"></div>进货清单
|
|
|
+ </h2>
|
|
|
+ <div class="m-core">
|
|
|
+ <el-form
|
|
|
+ inline
|
|
|
+ class="searchForm"
|
|
|
+ v-model="searchForm"
|
|
|
+ >
|
|
|
+ <el-form-item>
|
|
|
+ <el-input clearable v-model="searchForm.search" placeholder="备查货号"/>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-date-picker
|
|
|
+ style="width:410px;"
|
|
|
+ v-model.trim="orderDate"
|
|
|
+ type="daterange"
|
|
|
+ value-format="yyyy-MM-dd"
|
|
|
+ @change="searchOrderDate"
|
|
|
+ range-separator="至"
|
|
|
+ start-placeholder="开始日期"
|
|
|
+ end-placeholder="结束日期"
|
|
|
+ :picker-options="{ firstDayOfWeek: 1 }"
|
|
|
+ >
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button
|
|
|
+ @click="search"
|
|
|
+ type="danger"
|
|
|
+ >搜索</el-button>
|
|
|
+ <el-button
|
|
|
+ @click="onReSet"
|
|
|
+ type="primary"
|
|
|
+ >重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="tableWrap">
|
|
|
+ <el-table
|
|
|
+ :data="tableList"
|
|
|
+ style="width: 100%"
|
|
|
+ :header-cell-style="{background:'#EDEEF0',color:'#444'}"
|
|
|
+ >
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="180"
|
|
|
+ prop="batchNo"
|
|
|
+ label="备查货号"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="150"
|
|
|
+ prop="totalQuantity"
|
|
|
+ label="进货数量"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="150"
|
|
|
+ prop="taxQuantity"
|
|
|
+ label="税务数量"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="150"
|
|
|
+ prop="discountPrice"
|
|
|
+ label="商品采购价1"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="150"
|
|
|
+ prop="agreeCostPrice"
|
|
|
+ label="商品采购价2"
|
|
|
+ />
|
|
|
+ <el-table-column
|
|
|
+ align='center'
|
|
|
+ prop="createTime"
|
|
|
+ label="入库日期"
|
|
|
+ />
|
|
|
+ <!-- <el-table-column
|
|
|
+ align='center'
|
|
|
+ width="150"
|
|
|
+ fixed="right"
|
|
|
+ label="操作"
|
|
|
+ >
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ v-permission="'sellOrder/update'"
|
|
|
+ type="text"
|
|
|
+ >修改</el-button>
|
|
|
+ <el-button
|
|
|
+ @click="edit(scope.row)"
|
|
|
+ v-permission="'sellOrder/update'"
|
|
|
+ type="text"
|
|
|
+ >删除</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column> -->
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-dialog
|
|
|
+ title="修改"
|
|
|
+ width="500px"
|
|
|
+ :visible.sync="editVisible"
|
|
|
+ @close="editVisible = false"
|
|
|
+ >
|
|
|
+ <purchaseForm
|
|
|
+ @close="closeEdit"
|
|
|
+ />
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+<script>
|
|
|
+import dayjs from 'dayjs'
|
|
|
+import purchaseForm from './purchase-form'
|
|
|
+import { getGoodsProcurements } from '@/api/businessManager'
|
|
|
+const initSearchForm = {
|
|
|
+ startTime: null,
|
|
|
+ endTime: null,
|
|
|
+ search: '',
|
|
|
+}
|
|
|
+
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ purchaseForm
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableList: [],
|
|
|
+ detail: null,
|
|
|
+ editVisible: false,
|
|
|
+ searchForm: {
|
|
|
+ ...initSearchForm,
|
|
|
+ },
|
|
|
+ pageInfo: {
|
|
|
+ // 分页规则
|
|
|
+ limit: 10, // 限制显示条数
|
|
|
+ page: 1, // 当前页
|
|
|
+ total: 0, // 总条数
|
|
|
+ page_size: [10, 20, 40, 50] // 选择限制显示条数
|
|
|
+ },
|
|
|
+ orderDate: []
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() {
|
|
|
+ this.orderDate = [
|
|
|
+ dayjs().format('YYYY-MM-DD'),
|
|
|
+ dayjs().format('YYYY-MM-DD'),
|
|
|
+ ]
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ searchOrderDate(val) {
|
|
|
+ console.log(val)
|
|
|
+ },
|
|
|
+ getList() {
|
|
|
+ const form = {
|
|
|
+ ...this.searchForm,
|
|
|
+ enterStorageStartTime: this.orderDate[0],
|
|
|
+ enterStorageEndTime: this.orderDate[1],
|
|
|
+ }
|
|
|
+ getGoodsProcurements({
|
|
|
+ rows: this.pageInfo.limit,
|
|
|
+ page: this.pageInfo.page,
|
|
|
+ ...form
|
|
|
+ })
|
|
|
+ .then(res => {
|
|
|
+ if (res.code == 200 && res.data) {
|
|
|
+ this.tableList = res.data.rows
|
|
|
+ this.pageInfo.total = res.data.total
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ onReSet () {
|
|
|
+ this.orderDate = []
|
|
|
+ this.searchForm = {
|
|
|
+ ...initSearchForm,
|
|
|
+ }
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ edit(row) {
|
|
|
+ this.editVisible = true
|
|
|
+ this.detail = row
|
|
|
+ },
|
|
|
+ closeEdit() {
|
|
|
+ this.editVisible = false
|
|
|
+ this.detail = null
|
|
|
+ },
|
|
|
+ search() {
|
|
|
+ this.getList()
|
|
|
+ },
|
|
|
+ },
|
|
|
+}
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+
|
|
|
+</style>
|