|
|
<template>
|
|
|
<LayoutBody>
|
|
|
<LayoutFilter>
|
|
|
<FilterItem :label="filters.id.label">
|
|
|
<Input v-model.trim="filters.id.model" :number="true"
|
|
|
:placeholder="filters.id.holder" :maxlength="9"></Input>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.expressNumber.label">
|
|
|
<Input v-model.trim="filters.expressNumber.model" :number="true"
|
|
|
:placeholder="filters.expressNumber.holder" :maxlength="9"></Input>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.productSkn.label">
|
|
|
<Input v-model.trim="filters.productSkn.model" :number="true"
|
|
|
:placeholder="filters.productSkn.holder" :maxlength="9"></Input>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.sknFactoryCode.label">
|
|
|
<Input v-model.trim="filters.sknFactoryCode.model" :number="true"
|
|
|
:placeholder="filters.sknFactoryCode.holder" :maxlength="9"></Input>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.skuFactoryCode.label">
|
|
|
<Input v-model.trim="filters.skuFactoryCode.model" :number="true"
|
|
|
:placeholder="filters.skuFactoryCode.holder" :maxlength="9"></Input>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.createTime.label">
|
|
|
<Date-picker v-model="filters.createTime.model"
|
|
|
type="datetimerange" format="yyyy-MM-dd" placeholder="选择日期和时间">
|
|
|
</Date-picker>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem :label="filters.auditStatus.label">
|
|
|
<Select v-model.trim="filters.auditStatus.model">
|
|
|
<Option v-for="option in filters.auditStatus.options"
|
|
|
:value="option.value"
|
|
|
:key="option.value">{{option.label}}</Option>
|
|
|
</Select>
|
|
|
</FilterItem>
|
|
|
|
|
|
<FilterItem>
|
|
|
<Button type="primary">筛选</Button>
|
|
|
<Button @click="clearFilters">清空条件</Button>
|
|
|
</FilterItem>
|
|
|
</LayoutFilter>
|
|
|
|
|
|
<LayoutAction>
|
|
|
<Button type="ghost" @click="onClickCreate">创建入库单</Button>
|
|
|
</LayoutAction>
|
|
|
|
|
|
<LayoutList>
|
|
|
<Table border :columns="tableCols" :data="tableData"></Table>
|
|
|
<Page :total="pageData.total" :current="pageData.current"
|
|
|
@on-change="pageChange" :page-size="20" show-total></Page>
|
|
|
</LayoutList>
|
|
|
|
|
|
</LayoutBody>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import _ from 'lodash';
|
|
|
import {tableCols, tableData, pageData} from './store/list-table';
|
|
|
import service from 'services/supplier-service';
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
tableCols: tableCols.call(this),
|
|
|
tableData,
|
|
|
pageData,
|
|
|
filters: {
|
|
|
id: {
|
|
|
label: '入库单号',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
expressNumber: {
|
|
|
label: '物流单号',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
productSkn: {
|
|
|
label: 'SKN编码',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
sknFactoryCode: {
|
|
|
label: '商家编码',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
skuFactoryCode: {
|
|
|
label: '商品条码',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
createTime: {
|
|
|
label: '创建时间',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18
|
|
|
},
|
|
|
auditStatus: {
|
|
|
label: '审核状态',
|
|
|
labelSpan: 6,
|
|
|
model: '',
|
|
|
holder: '',
|
|
|
fieldSpan: 18,
|
|
|
options: [
|
|
|
{
|
|
|
value: -1,
|
|
|
label: '全部'
|
|
|
},
|
|
|
{
|
|
|
value: 10,
|
|
|
label: '未提交'
|
|
|
},
|
|
|
{
|
|
|
value: 20,
|
|
|
label: '待审核'
|
|
|
},
|
|
|
{
|
|
|
value: 41,
|
|
|
label: '驳回'
|
|
|
},
|
|
|
{
|
|
|
value: 40,
|
|
|
label: '通过'
|
|
|
}
|
|
|
]
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
},
|
|
|
mounted() {
|
|
|
this.getOrders();
|
|
|
},
|
|
|
methods: {
|
|
|
onClickCreate() {
|
|
|
this.$refs.createModal.show();
|
|
|
},
|
|
|
onClickEdit() {
|
|
|
|
|
|
},
|
|
|
clearFilters() {
|
|
|
this.filters.id.model = null;
|
|
|
this.filters.expressNumber.model = null;
|
|
|
this.filters.productSkn.model = null;
|
|
|
this.filters.sknFactoryCode.model = null;
|
|
|
this.filters.skuFactoryCode.model = null;
|
|
|
this.filters.createTime.model = null;
|
|
|
this.filters.auditStatus.model = -1;
|
|
|
this.pageData.current = 1;
|
|
|
this.pageData.total = 0;
|
|
|
|
|
|
this.getOrders();
|
|
|
},
|
|
|
filtersParams() {
|
|
|
let params = {};
|
|
|
|
|
|
if (this.filters.id.model) {
|
|
|
params.id = this.filters.id.model;
|
|
|
}
|
|
|
|
|
|
if (this.filters.expressNumber.model) {
|
|
|
params.expressNumber = this.filters.expressNumber.model;
|
|
|
}
|
|
|
|
|
|
if (this.filters.productSkn.model) {
|
|
|
params.productSkn = this.filters.productSkn.model;
|
|
|
}
|
|
|
|
|
|
if (this.filters.sknFactoryCode.model) {
|
|
|
params.sknFactoryCode = this.filters.sknFactoryCode.model;
|
|
|
}
|
|
|
|
|
|
if (this.filters.skuFactoryCode.model) {
|
|
|
params.skuFactoryCode = this.filters.skuFactoryCode.model;
|
|
|
}
|
|
|
|
|
|
if (this.filters.auditStatus.model !== -1) {
|
|
|
params.auditStatus = this.filters.auditStatus.model;
|
|
|
}
|
|
|
|
|
|
if (this.startTime && this.endTime) {
|
|
|
params.startTime = this.startTime();
|
|
|
params.endTime = this.endTime();
|
|
|
}
|
|
|
|
|
|
params.pageSize = this.pageData.pageSize;
|
|
|
params.pageNo = this.pageData.current;
|
|
|
|
|
|
return Promise.resolve(params);
|
|
|
},
|
|
|
getOrders() {
|
|
|
return this.filtersParams().then((params) => {
|
|
|
return service.listOrder(params);
|
|
|
}).then((result) => {
|
|
|
if (result.code === 200) {
|
|
|
this.pageData.total = result.data.totalCount;
|
|
|
this.pageData.current = result.data.pageNo;
|
|
|
this.tableData = result.data.records;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
showAuditStatus(status) {
|
|
|
switch (status) {
|
|
|
case 10:
|
|
|
return '未提交';
|
|
|
case 20:
|
|
|
return '待审核';
|
|
|
case 40:
|
|
|
return '通过';
|
|
|
case 41:
|
|
|
return '驳回';
|
|
|
default:
|
|
|
return '未提交';
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
|
startTime() {
|
|
|
let createTime = this.filters.createTime.model;
|
|
|
|
|
|
if (_.isEmpty(createTime)) {
|
|
|
return 0;
|
|
|
} else {
|
|
|
return createTime[0] ? createTime[0].getTime() / 1000 : 0;
|
|
|
}
|
|
|
},
|
|
|
endTime() {
|
|
|
let createTime = this.filters.createTime.model;
|
|
|
|
|
|
if (_.isEmpty(createTime)) {
|
|
|
return 0;
|
|
|
} else {
|
|
|
return createTime[1] ? createTime[1].getTime() / 1000 : 0;
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
},
|
|
|
components: {
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style lang="scss">
|
|
|
.action-btn-row {
|
|
|
display: inline-block;
|
|
|
|
|
|
button {
|
|
|
margin-top: 10px;
|
|
|
|
|
|
&:last-child {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</style> |
|
|
\ No newline at end of file |
...
|
...
|
|