<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-column label="操作">
|
<template slot-scope="scope">
|
<i class="el-icon-delete del-icon" @click="delLKG(scope.row)"></i>
|
</template>
|
</el-table-column>
|
</el-table>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { uploadLKG, getLKGData, delLKGData } 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;
|
}
|
})
|
},
|
delLKG(row) {
|
|
this.$confirm('此操作将永久删除该文件, 是否继续?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning'
|
}).then(() => {
|
|
delLKGData({ id: row.ID }).then(rsp => {
|
if (rsp && rsp.success) {
|
this.$message.success("删除成功")
|
} else {
|
this.$message.warning("删除失败")
|
}
|
|
this.fetchLKGData()
|
}).catch(err => {
|
this.$message.warning("删除失败")
|
})
|
}).catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消删除'
|
});
|
});
|
}
|
}
|
}
|
</script>
|
|
<style lang="scss">
|
.lkg-manage {
|
.import-btn {
|
text-align: left;
|
margin: 10px 20px;
|
}
|
|
.lkg-list {
|
margin: 10px 20px;
|
}
|
|
.del-icon {
|
color: red;
|
cursor: pointer;
|
}
|
}
|
</style>
|
