Files
xgy-oa/klp-ui/src/views/mes/dv/machinery/components/Repair.vue

81 lines
2.7 KiB
Vue

<template>
<div class="app-container">
<KLPTable v-loading="loading" :data="repairList">
<el-table-column label="维修单编号" width="120px" align="center" prop="repairCode" />
<el-table-column label="维修单名称" width="150px" align="center" prop="repairName" :show-overflow-tooltip="true"/>
<el-table-column label="报修日期" align="center" prop="requireDate" width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.requireDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="维修完成日期" align="center" prop="finishDate" width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.finishDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="验收日期" align="center" prop="confirmDate" width="120">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.confirmDate, '{y}-{m}-{d}') }}</span>
</template>
</el-table-column>
<el-table-column label="维修结果" align="center" prop="repairResult">
<template slot-scope="scope">
<dict-tag :options="dict.type.mes_repair_result" :value="scope.row.repairResult"/>
</template>
</el-table-column>
<el-table-column label="维修人员" align="center" prop="acceptedBy" />
<el-table-column label="验收人员" align="center" prop="confirmBy" />
<el-table-column label="单据状态" align="center" prop="status">
<template slot-scope="scope">
<dict-tag :options="dict.type.mes_order_status" :value="scope.row.status"/>
</template>
</el-table-column>
</KLPTable>
<!-- <pagination-->
<!-- v-show="total>0"-->
<!-- :total="total"-->
<!-- :page.sync="queryParams.pageNum"-->
<!-- :limit.sync="queryParams.pageSize"-->
<!-- @pagination="getList"-->
<!-- />-->
</div>
</template>
<script>
import {getRepairList} from "@/api/mes/dv/repair";
export default {
name: "Repair",
dicts: ['mes_repair_result', 'mes_order_status'],
data() {
return {
// 遮罩层
loading: false,
// 总条数
total: 0,
// 点检 / 保养数据
repairList: [],
// 查询参数
queryParams: {
pageNum: 1,
pageSize: 20,
},
};
},
methods: {
getOpen(query) {
this.queryParams.machineryCode = query.machineryCode
this.getList()
},
getList() {
this.loading = true;
getRepairList(this.queryParams).then(response => {
this.repairList = response.data;
this.loading = false;
});
}
}
};
</script>