You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
2.5 KiB
Vue
106 lines
2.5 KiB
Vue
2 years ago
|
<template>
|
||
|
|
<div class="logMainClass">
|
||
|
|
<h3>日志列表</h3>
|
||
|
|
<div class="boxLogTable">
|
||
|
|
<el-table
|
||
|
|
v-loading="logLoading"
|
||
|
|
:data="tableData"
|
||
|
|
border
|
||
|
|
stripe
|
||
|
|
style="width: 100%"
|
||
|
|
height="100%"
|
||
|
|
>
|
||
|
|
<el-table-column prop="id" label="Id" width="80"> </el-table-column>
|
||
|
|
<el-table-column prop="line_name" label="线路"> </el-table-column>
|
||
|
|
<el-table-column prop="cmdid" label="装置编号"> </el-table-column>
|
||
|
|
<el-table-column prop="file_name" label="文件名">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
<a
|
||
|
|
:href="'/dl/?id=' + scope.row.id"
|
||
|
|
target="_blank"
|
||
|
|
class="buttonText"
|
||
|
|
>{{ scope.row.file_name }}</a
|
||
|
|
>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column label="文件大小">
|
||
|
|
<template slot-scope="scope">
|
||
|
|
{{ scope.row.file_size | changeType }}
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="create_time" label="上传时间"> </el-table-column>
|
||
|
|
</el-table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
import { getqueryUploadsApi } from "@/utils/api/index";
|
||
|
|
export default {
|
||
|
|
name: "log",
|
||
|
|
components: {},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
tableData: [],
|
||
|
|
logLoading: false,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
filters: {
|
||
|
|
changeType(val) {
|
||
|
|
if (val == "0") return "0B";
|
||
|
|
var k = 1024;
|
||
|
|
var sizes = ["B", "KB", "MB", "GB", "TB"];
|
||
|
|
console.log("Math.log(val)", Math.log(val));
|
||
|
|
console.log("Math.log(k)", Math.log(k));
|
||
|
|
let i = Math.floor(Math.log(val) / Math.log(k)); //得出该数字的单位应该是kB?MB
|
||
|
|
return (val / Math.pow(k, i)).toPrecision(3) + "" + sizes[i];
|
||
|
|
},
|
||
|
|
},
|
||
|
|
computed: {},
|
||
|
|
created() {},
|
||
|
|
mounted() {
|
||
|
|
this.getLogList();
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getLogList() {
|
||
|
|
this.logLoading = true;
|
||
|
|
getqueryUploadsApi()
|
||
|
|
.then((res) => {
|
||
|
|
this.tableData = res.data;
|
||
|
|
this.logLoading = false;
|
||
|
|
})
|
||
|
|
.catch((err) => {});
|
||
|
|
},
|
||
|
|
},
|
||
|
|
};
|
||
|
|
</script>
|
||
|
|
<style lang="less">
|
||
|
|
.logMainClass {
|
||
|
|
height: calc(100% - 24px);
|
||
|
|
width: calc(100% - 24px);
|
||
|
|
padding: 12px;
|
||
|
|
h3 {
|
||
|
|
margin-bottom: 12px;
|
||
|
|
font-size: 16px;
|
||
|
|
line-height: 24px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.boxLogTable {
|
||
|
|
height: calc(100% - 36px);
|
||
|
|
background: #fcc;
|
||
|
|
.el-table thead {
|
||
|
|
th.el-table__cell {
|
||
|
|
background: #fafafa;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.buttonText {
|
||
|
|
cursor: pointer;
|
||
|
|
color: #606266;
|
||
|
|
&:hover {
|
||
|
|
color: #337ab7;
|
||
|
|
text-decoration: underline;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|