|
@@ -1,11 +1,22 @@
|
|
|
+<!-- 出入库记录 -->
|
|
|
<template>
|
|
|
<div class="stock-order">
|
|
|
- <el-form :inline="true" :model="dataForm" @keyup.enter.native="getDataList()">
|
|
|
- <el-form-item label="编号">
|
|
|
- <el-input v-model="dataForm.number" placeholder="编号" clearable></el-input>
|
|
|
+ <el-form :inline="true" :model="dataForm" @keyup.enter.native="queryData()">
|
|
|
+ <el-form-item label="出入库类型">
|
|
|
+ <el-select v-model="dataForm.recordType" placeholder="请选择">
|
|
|
+ <el-option
|
|
|
+ v-for="item in recordTypeOptions"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="名称">
|
|
|
- <el-input v-model="dataForm.name" placeholder="名称" clearable></el-input>
|
|
|
+ <el-form-item label="编码">
|
|
|
+ <el-input v-model="dataForm.recordCode" placeholder="编码" clearable></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="申请人">
|
|
|
+ <user-component v-model="dataForm.userId"/>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="入库日期">
|
|
|
<el-date-picker
|
|
@@ -18,8 +29,8 @@
|
|
|
</el-date-picker>
|
|
|
</el-form-item>
|
|
|
<el-form-item>
|
|
|
- <el-button @click="getDataList()">查询</el-button>
|
|
|
- <el-button @click="inBound()" type="primary">导出</el-button>
|
|
|
+ <el-button @click="queryData()">查询</el-button>
|
|
|
+ <el-button @click="exportData()" type="primary">导出</el-button>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<el-table
|
|
@@ -35,79 +46,88 @@
|
|
|
align="center">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="recordCode"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
+ min-width="160"
|
|
|
label="编码">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="materialName"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="名称">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="recordType"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
- label="类型">
|
|
|
+ :formatter="formatRecordType"
|
|
|
+ label="出入库类型">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="recordType"
|
|
|
+ prop="specifications"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
- label="数量">
|
|
|
+ label="规格">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="state"
|
|
|
+ prop="unitName"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="单位">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="state"
|
|
|
+ prop="cnt"
|
|
|
+ header-align="center"
|
|
|
+ align="center"
|
|
|
+ label="数量">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ prop="price"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="单价">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="approver"
|
|
|
+ prop="amount"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="金额">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="batchNumber"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="批次号">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="source"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
+ min-width="100"
|
|
|
label="来源">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="recordTime"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
- label="入库时间">
|
|
|
+ label="出入库时间">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="applicant"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="申请人">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="approver"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="操作人">
|
|
|
</el-table-column>
|
|
|
<el-table-column
|
|
|
- prop="-"
|
|
|
+ prop="notes"
|
|
|
header-align="center"
|
|
|
align="center"
|
|
|
label="备注">
|
|
@@ -126,8 +146,14 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+ import UserComponent from '../common/user-component'
|
|
|
+ import { getRecordList } from '@/api/warehouse'
|
|
|
export default {
|
|
|
name: 'stock-order',
|
|
|
+ components: {UserComponent},
|
|
|
+ created () {
|
|
|
+ this.queryData()
|
|
|
+ },
|
|
|
data () {
|
|
|
return {
|
|
|
inboundVisible: false,
|
|
@@ -141,24 +167,42 @@
|
|
|
pageSize: 10,
|
|
|
totalPage: 0,
|
|
|
dataListLoading: false,
|
|
|
- dataListSelections: []
|
|
|
+ dataListSelections: [],
|
|
|
+ recordTypeOptions: [
|
|
|
+ {
|
|
|
+ value: null,
|
|
|
+ label: '请选择'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '0',
|
|
|
+ label: '入库'
|
|
|
+ },
|
|
|
+ {
|
|
|
+ value: '1',
|
|
|
+ label: '出库'
|
|
|
+ }
|
|
|
+ ]
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
+ // 查询
|
|
|
+ queryData () {
|
|
|
+ this.pageIndex = 1
|
|
|
+ this.getDataList()
|
|
|
+ },
|
|
|
// 获取数据列表
|
|
|
getDataList () {
|
|
|
this.dataListLoading = true
|
|
|
- this.$http({
|
|
|
- url: this.$http.adornUrl('/biz-service/inbound-record-ctl/list'),
|
|
|
- method: 'get',
|
|
|
- params: this.$http.adornParams({
|
|
|
- 'current': this.pageIndex,
|
|
|
- 'size': this.pageSize,
|
|
|
- 'beginTime': this.dataForm.date[0],
|
|
|
- 'endTime': this.dataForm.date[1],
|
|
|
- 'recordType': 0
|
|
|
- })
|
|
|
- }).then(({data}) => {
|
|
|
+ let params = {
|
|
|
+ 'current': this.pageIndex,
|
|
|
+ 'size': this.pageSize,
|
|
|
+ 'beginTime': this.dataForm.date[0],
|
|
|
+ 'endTime': this.dataForm.date[1],
|
|
|
+ 'recordType': this.dataForm.recordType ? this.dataForm.recordType : null,
|
|
|
+ 'recordCode': this.dataForm.recordCode ? this.dataForm.recordCode : null,
|
|
|
+ 'userId': this.dataForm.userId ? this.dataForm.userId : null
|
|
|
+ }
|
|
|
+ getRecordList(params).then(({data}) => {
|
|
|
if (data && data.code === '200') {
|
|
|
this.dataList = data.data.records
|
|
|
this.totalPage = Number(data.data.total)
|
|
@@ -184,12 +228,16 @@
|
|
|
selectionChangeHandle (val) {
|
|
|
this.dataListSelections = val
|
|
|
},
|
|
|
- // 入库申请
|
|
|
- inBound () {
|
|
|
- this.inboundVisible = true
|
|
|
- this.$nextTick(() => {
|
|
|
- this.$refs.inbound.init()
|
|
|
- })
|
|
|
+ // 导出
|
|
|
+ exportData () {
|
|
|
+ // todo
|
|
|
+ },
|
|
|
+ // 申请单类型
|
|
|
+ formatRecordType (row) {
|
|
|
+ if (!row.recordType) return ''
|
|
|
+ if (row.recordType === '0') return '入库'
|
|
|
+ if (row.recordType === '1') return '出库'
|
|
|
+ return ''
|
|
|
}
|
|
|
}
|
|
|
}
|