<template>
|
<div>
|
<div class="article-main" style="overflow: hidden;">
|
<el-row>
|
<el-col :span="12" style="line-height: 32px;">不合格品处置</el-col>
|
<el-col :span="12" style="text-align: right;">
|
<el-button icon="el-icon-download" size="mini" @click="()=>{}">导出</el-button>
|
</el-col>
|
</el-row>
|
<div>
|
|
<div style="margin-top: 10px;">
|
<el-card shadow="hover" class="margin-30">
|
<el-form ref="form" :model="searchform" label-width="80px">
|
<el-row :gutter="25">
|
<el-col :span="7" >
|
<el-form-item label="产品名称:">
|
<el-input v-model="searchform.name" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="7" >
|
<el-form-item label="规格型号:">
|
<el-input v-model="searchform.stude" placeholder="请输入"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="5">
|
<el-button size="default" @click="">重置</el-button>
|
<el-button type="primary" size="default" style="background:0, 78, 162 ;" @click="getDetailInfo">查询</el-button>
|
|
</el-col>
|
</el-row>
|
</el-form>
|
</el-card>
|
</div>
|
|
<div style="margin-top: 30px;">
|
<el-card shadow="hover" class="margin-30">
|
<el-table
|
ref="multipleTable"
|
:data="tableData"
|
tooltip-effect="dark"
|
style="width: 100%"
|
@selection-change="handleSelectionChange">
|
<el-table-column
|
type="selection"
|
width="55">
|
</el-table-column>
|
<el-table-column
|
label="日期"
|
width="120">
|
<template slot-scope="scope">{{ scope.row.date }}</template>
|
</el-table-column>
|
<el-table-column
|
prop="name"
|
label="姓名"
|
width="120">
|
</el-table-column>
|
<el-table-column
|
prop="address"
|
label="地址"
|
show-overflow-tooltip>
|
</el-table-column>
|
</el-table>
|
</el-card>
|
<el-col style="height: 50px;display: flex;align-items: center;justify-content: right;">
|
<el-pagination
|
@size-change="handleSizeChange"
|
@current-change="handleCurrentChange"
|
:current-page="4"
|
:page-sizes="[1,10, 20, 30, 50]"
|
:page-size="4"
|
layout="total, sizes, prev, pager, next, jumper"
|
:total="countSize">
|
</el-pagination>
|
</el-col>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
|
|
<script>
|
export default {
|
data() {
|
return {
|
searchform:{
|
name:'',
|
stude:''
|
},
|
tableData: [
|
{
|
date: '2016-05-03',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-02',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-04',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-01',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-08',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-06',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}, {
|
date: '2016-05-07',
|
name: '王小虎',
|
address: '上海市普陀区金沙江路 1518 弄'
|
}
|
],
|
pageSize:3,
|
countSize:1,
|
currentPage:2,
|
multipleSelection:''
|
}
|
},
|
created(){
|
// this.getDetailInfo()
|
},
|
methods:{
|
handleSelectionChange(val) {
|
// console.log(val);
|
// this.multipleSelection = val;
|
},
|
handleSizeChange(val) {
|
console.log(val);
|
// this.pageSize = 1
|
// this.countSize= val
|
// this.getDetailInfo()
|
},
|
handleCurrentChange(val) {
|
// this.pageSize = val
|
// this.getDetailInfo()
|
},
|
getDetailInfo() {
|
let aa = [0,5]
|
aa.map(el =>{
|
console.log(el);
|
})
|
console.log(this.searchform.name);
|
console.log(this.searchform.stude);
|
// this.tableData
|
// this.axios.get(this.$api.url.gettable,{
|
// params:{pageNo:10,
|
// pageSize:1,
|
// productName:this.searchform.name,
|
// specificationsModels:this.searchform.stude
|
// },
|
// }).then(res=>{
|
// console.log(res);
|
// this.tableData = res.data.row
|
// })
|
}
|
}}
|
// methods:{
|
// toggleSelection(rows) {
|
// if (rows) {
|
// rows.forEach(row => {
|
// this.$refs.multipleTable.toggleRowSelection(row);
|
// });
|
// } else {
|
// this.$refs.multipleTable.clearSelection();
|
// }
|
// },
|
|
// }
|
// }
|
|
|
</script>
|
<style scoped>
|
.card-2{
|
display: flex;
|
margin-top: 30px;
|
}
|
|
.ssss{
|
background-color: #fff;
|
}
|
</style>
|
