<template>
|
<div class="addOperation">
|
<div class="addOperation-main">
|
<!-- <el-form v-model="statusType" ref="queryForm" size="small" :inline="true" label-width="68px">
|
<el-form-item label="入库状态">
|
<el-radio-group v-model="inStatus">
|
<el-radio-button label="全部"></el-radio-button>
|
<el-radio-button label="已入库"></el-radio-button>
|
<el-radio-button label="已出库"></el-radio-button>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="入库类型" prop="phonenumber">
|
<el-radio-group v-model="inType">
|
<el-radio-button label="条码打印"></el-radio-button>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="条码打印">
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">新增条码打印</el-button>
|
</el-form-item>
|
</el-form> -->
|
<el-row type="flex" align="middle" class="main-top">
|
<el-col :span="2"><el-button type="primary">扫描出库</el-button></el-col>
|
<el-col :span="20">
|
<TableSearch></TableSearch>
|
</el-col>
|
<el-col :span="2"><el-button>押运单打印</el-button></el-col>
|
</el-row>
|
<el-table
|
:stripe="true"
|
:data="tableData"
|
:cell-style="{ textAlign: 'center' }"
|
:header-cell-style="{ textAlign: 'center' }"
|
:border="true"
|
header-row-class-name="table-header"
|
>
|
<el-table-column
|
prop="date"
|
label="序号">
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="产品编码">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="产品名称">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="规格型号">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="单位">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="入库数量">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="入库人">
|
</el-table-column>
|
<el-table-column
|
prop="date"
|
label="入库日期">
|
</el-table-column>
|
</el-table>
|
</div>
|
<div class="addOperation-foot">
|
<el-pagination
|
:current-page="searchModel.pageNo"
|
:page-sizes="[10, 15, 20, 25]"
|
:page-size="searchModel.pageSize"
|
layout="->, total, sizes, prev, pager, next, jumper"
|
:total="total"
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
>
|
</el-pagination>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { getList } from '@/api/table'
|
import TableSearch from '@/components/TableSearch'
|
export default {
|
filters: {
|
statusFilter(status) {
|
const statusMap = {
|
published: 'success',
|
draft: 'gray',
|
deleted: 'danger'
|
}
|
return statusMap[status]
|
}
|
},
|
data() {
|
return {
|
pickerOptions: {
|
shortcuts: [{
|
text: '最近一周',
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 7);
|
picker.$emit('pick', [start, end]);
|
}
|
}, {
|
text: '最近一个月',
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 30);
|
picker.$emit('pick', [start, end]);
|
}
|
}, {
|
text: '最近三个月',
|
onClick(picker) {
|
const end = new Date();
|
const start = new Date();
|
start.setTime(start.getTime() - 3600 * 1000 * 24 * 90);
|
picker.$emit('pick', [start, end]);
|
}
|
}]
|
},
|
inType: '',
|
inStatus: '',
|
deptName: '',
|
statusType: {},
|
queryParams: {
|
encode: '',
|
type: '',
|
depositor: ''
|
},
|
total: 0,
|
searchModel: {
|
pageNo: 1,
|
pageSize: 10
|
},
|
tableData: [{
|
date: '2016-05-02',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-04',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1517 弄'
|
}, {
|
date: '2016-05-01',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1519 弄'
|
}, {
|
date: '2016-05-03',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1516 弄'
|
}, {
|
date: '2016-05-03',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1516 弄'
|
}, {
|
date: '2016-05-03',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1516 弄'
|
}]
|
}
|
},
|
created() {
|
this.fetchData()
|
},
|
components: {
|
TableSearch
|
},
|
methods: {
|
fetchData() {
|
this.listLoading = true
|
getList().then(response => {
|
this.list = response.data.items
|
this.listLoading = false
|
})
|
},
|
handleSizeChange(val) {
|
console.log(`每页 ${val} 条`)
|
},
|
handleCurrentChange(val) {
|
console.log(`当前页: ${val}`)
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import '../../styles/variables.scss';
|
.addOperation {
|
min-height: calc(100vh - 50px);
|
padding: 25px;
|
background: $mainBg;
|
.addOperation-main{
|
background: #fff;
|
padding: 20px;
|
.main-top{}
|
.table-header{
|
background: #6095FB;
|
}
|
}
|
.addOperation-foot{
|
margin-top: 25px;
|
.el-pagination{
|
display: flex;
|
justify-content: center;
|
}
|
}
|
}
|
</style>
|
