parent
45c2197fc1
commit
eb85125da9
@ -1,118 +0,0 @@
|
||||
<template>
|
||||
<div class="contents">
|
||||
<div class="content left">
|
||||
<div class="title">试剂归还</div>
|
||||
<div class="img">
|
||||
<img src="@/assets/5-试剂入库/扫描试剂瓶.png" alt="">
|
||||
</div>
|
||||
<div class="text">
|
||||
请扫描或检测RFID
|
||||
</div>
|
||||
</div>
|
||||
<div class="content">
|
||||
<div class="title">待归还试剂列表</div>
|
||||
<div class="show-data">
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%"
|
||||
height="500"
|
||||
:header-cell-style="headerStyle"
|
||||
>
|
||||
<el-table-column
|
||||
prop="date"
|
||||
label="日期"
|
||||
width="180"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="name"
|
||||
label="姓名"
|
||||
width="180"
|
||||
align="center"
|
||||
/>
|
||||
<el-table-column
|
||||
prop="address"
|
||||
label="地址"
|
||||
align="center"
|
||||
/>
|
||||
</el-table>
|
||||
</div>
|
||||
<div class="page">
|
||||
<el-pagination
|
||||
layout="prev, pager, next"
|
||||
:total="1000"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'SendBack',
|
||||
data() {
|
||||
return {
|
||||
headerStyle: { 'background': '#E6E6E6' },
|
||||
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 弄'
|
||||
}]
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.contents{
|
||||
margin: 1rem;
|
||||
display: flex;
|
||||
.content{
|
||||
width: 50%;
|
||||
height: calc(100vh - 12rem);
|
||||
padding: 1rem;
|
||||
background: white;
|
||||
.title{
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
color: #000000;
|
||||
}
|
||||
.img{
|
||||
text-align: center;
|
||||
margin-top: 6rem;
|
||||
img{
|
||||
width: 25.25rem;
|
||||
}
|
||||
}
|
||||
.text{
|
||||
margin-top: 2rem;
|
||||
text-align: center;
|
||||
font-size: 1.8rem;
|
||||
font-weight: 400;
|
||||
color: #909399;
|
||||
}
|
||||
.show-data{
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.page{
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
.left{
|
||||
margin-right: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
Loading…
Reference in new issue