You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
115 lines
2.8 KiB
115 lines
2.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title></title>
|
|
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
|
|
<!-- <link rel="stylesheet" href="./css/element.css">-->
|
|
<script src="../js/vue.js"></script>
|
|
<script src="../js/axios.min.js"></script>
|
|
<!-- <script src="https://unpkg.com/element-ui/lib/index.js"></script>-->
|
|
<script src="../js/element.js"></script>
|
|
|
|
<script src="../js/jquery-1.12.4.js"></script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<template>
|
|
<el-table
|
|
:data="page.records"
|
|
border
|
|
style="width: 100%">
|
|
<el-table-column
|
|
fixed
|
|
prop="maintenanceType"
|
|
label="维护类型"
|
|
width="150">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="maintenanceDate"
|
|
label="维护日期"
|
|
width="120">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="technician"
|
|
label="维护人员"
|
|
width="120">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="maintenanceDetails"
|
|
label="维护详情"
|
|
width="120">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="maintenanceCost"
|
|
label="维护成本"
|
|
width="120">
|
|
</el-table-column>
|
|
<el-table-column
|
|
prop="nextMaintenanceDate"
|
|
label="下次维护日期"
|
|
width="120">
|
|
</el-table-column>
|
|
</el-table>
|
|
</template>
|
|
|
|
<el-pagination
|
|
small
|
|
@current-change="handleCurrentChange"
|
|
layout="prev, pager, next"
|
|
:total="50">
|
|
</el-pagination>
|
|
|
|
|
|
</div>
|
|
|
|
<script>
|
|
new Vue({
|
|
el: '#app',
|
|
data: {
|
|
page: {
|
|
size: 5,
|
|
current: 1
|
|
},
|
|
},
|
|
methods: {
|
|
handleCurrentChange(val) {
|
|
console.log(`当前页: ${val}`);
|
|
this.topage(val)
|
|
},
|
|
topage(current) {
|
|
this.page.current = current
|
|
axios.post("/maintenancerecord/maintenancerecordPage", this.page).then(resp => {
|
|
this.page = resp.data.data
|
|
})
|
|
},
|
|
devicePage() {
|
|
|
|
|
|
axios.post("/maintenancerecord/maintenancerecordPage", this.page)
|
|
.then(resp => {
|
|
if (resp.data.code == 200) {
|
|
this.page = resp.data.data
|
|
|
|
}
|
|
})
|
|
},
|
|
|
|
|
|
|
|
},
|
|
created() {
|
|
this.devicePage();
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
})
|
|
|
|
|
|
</script>
|
|
</body>
|
|
</html> |