<template>
|
<div class="transfer-memo">
|
<div class="filter-bar flex-box">
|
<div>
|
<label>操作时间:</label>
|
<div></div>
|
</div>
|
<div>
|
<label>操作人:</label>
|
<div>
|
<el-input v-model="operator" size="small"></el-input>
|
</div>
|
</div>
|
<div>
|
<label>转储状态:</label>
|
<div>
|
<el-select v-model="transferStatus" size="small">
|
<el-option
|
v-for="item in allTransferStatus"
|
:key="item.id"
|
:value="item.id"
|
:label="item.name"
|
></el-option>
|
</el-select>
|
</div>
|
</div>
|
<div class="btns">
|
<el-button type="primary" size="small">查询</el-button>
|
</div>
|
</div>
|
<div class="table-area">
|
<el-table :data="tableData" fit>
|
<el-table-column prop="time" label="操作时间"></el-table-column>
|
<el-table-column prop="operator" label="操作人"></el-table-column>
|
<el-table-column prop="tranferDevice" label="转储设备名称"></el-table-column>
|
<el-table-column prop="pos" label="卡槽位置"></el-table-column>
|
<el-table-column prop="transferStatus" label="转储状态"></el-table-column>
|
<el-table-column prop="pic" label="现场图片"></el-table-column>
|
<el-table-column prop="content" label="转储内容"></el-table-column>
|
</el-table>
|
<el-pagination background layout="prev, pager, next" :total="tableDataTotal"></el-pagination>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
export default {
|
data () {
|
return {
|
transferStatus: '',
|
operator: '',
|
allTransferStatus: [],
|
tableData: [],
|
tableDataTotal: 5
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.transfer-memo {
|
padding: 20px;
|
.filter-bar.flex-box {
|
& > div {
|
display: flex;
|
align-items: center;
|
margin-right: 10px;
|
label {
|
padding-right: 10px;
|
}
|
}
|
}
|
.el-table {
|
border: 1px solid #dedede;
|
margin-top: 10px;
|
th {
|
background: #f5f5f5;
|
color: #333;
|
}
|
.operation {
|
cursor: pointer;
|
}
|
}
|
}
|
</style>
|
