<template>
|
<div class="lkg-manage">
|
<div class="import-btn">
|
<label>上传LKG数据文件</label>
|
<el-button
|
size="mini"
|
type="primary"
|
@click="uploadDirectoryTrigger"
|
:loading="uploading"
|
>点击上传</el-button>
|
<input
|
ref="directoryInput"
|
@change="importDirectory"
|
hidden
|
type="file"
|
accept=".xlsx, .xls"
|
multiple
|
/>
|
</div>
|
|
<div class="lkg-list">
|
<el-table :data="lkgData" stripe style="width: 100%">
|
<el-table-column type="index" width="100" label="序号"></el-table-column>
|
<el-table-column prop="CarNumber" label="机车号"></el-table-column>
|
<el-table-column prop="TrainNumber" label="车次"></el-table-column>
|
<el-table-column prop="Driver1" label="司机"></el-table-column>
|
<el-table-column prop="Driver2" label="副司机"></el-table-column>
|
<el-table-column prop="StartTime" label="开始时间"></el-table-column>
|
<el-table-column prop="EndTime" label="结束时间"></el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { uploadLKG, getLKGData } from "@/api/shuohuang"
|
|
export default {
|
data() {
|
return {
|
uploading: false,
|
lkgData: []
|
}
|
},
|
mounted() {
|
this.fetchLKGData();
|
},
|
methods: {
|
uploadDirectoryTrigger() {
|
this.$refs['directoryInput'].click();
|
},
|
importDirectory() {
|
let _this = this;
|
_this.uploading = true;
|
let formData = new FormData;
|
for (let i = 0; i < this.$refs['directoryInput'].files.length; i++) {
|
formData.append('files', this.$refs['directoryInput'].files[i])
|
}
|
|
uploadLKG(formData).then(res => {
|
if (res && res.success) {
|
this.$message.success("上传成功")
|
}
|
_this.uploading = false;
|
this.fetchLKGData();
|
}).catch(err => {
|
this.$message.warning("上传失败", err)
|
_this.uploading = false;
|
})
|
},
|
fetchLKGData() {
|
getLKGData().then(rsp => {
|
if (rsp && rsp.success) {
|
this.lkgData = rsp.data;
|
}
|
})
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.lkg-manage {
|
.import-btn {
|
text-align: left;
|
margin: 10px 20px;
|
}
|
|
.lkg-list {
|
margin: 10px 20px;
|
}
|
}
|
</style>
|
