<template>
|
<el-drawer
|
direction="rtl"
|
:visible.sync="visible"
|
@close="handleClose"
|
size="50%">
|
<div class="mod-consume-power-det" style="padding: 5px;">
|
<el-form :inline="true" :model="dataForm" ref="dataForm" @keyup.enter.native="getDataList()" label-width="10px">
|
<el-form-item prop="sbmc">
|
<el-input size="mini" v-model="dataForm.sbmc" placeholder="设备名称"
|
clearable></el-input>
|
</el-form-item>
|
<el-form-item>
|
<el-button size="mini" @click="getDataList()">{{ $t('query') }}</el-button>
|
</el-form-item>
|
</el-form>
|
<el-table v-loading="dataListLoading" :data="dataList" row-key="id" border style="width: 100%;"
|
@selection-change="dataListSelectionChangeHandle">
|
<el-table-column type="index" header-align="center" align="center" min-width="50" label="序号"></el-table-column>
|
<el-table-column prop="sbmc" header-align="center" align="center" label="设备名称" min-width="100"></el-table-column>
|
<el-table-column prop="xss" header-align="center" align="center" label="小时数" min-width="150"></el-table-column>
|
<el-table-column prop="fzs" header-align="center" align="center" label="分钟数" min-width="150"></el-table-column>
|
<el-table-column prop="zsc" header-align="center" align="center" label="总时长(分钟)" min-width="200"></el-table-column>
|
</el-table>
|
</div>
|
</el-drawer>
|
</template>
|
<script>
|
import mixinViewModule from '@/mixins/view-module'
|
|
export default {
|
mixins: [mixinViewModule],
|
data() {
|
return {
|
mixinViewModuleOptions: {
|
createdIsNeed: false,
|
getDataListURL: '/iailab-iems-coal-proddisp/device/run-time-det/list',
|
getDataListIsPage: true,
|
},
|
visible: false,
|
dataForm: {
|
runTimeId: '',
|
sbbm: '',
|
sbmc: ''
|
}
|
}
|
},
|
methods: {
|
init(runTimeId) {
|
this.dataForm.runTimeId = runTimeId
|
this.visible = true
|
this.$nextTick(() => {
|
this.getDataList()
|
})
|
},
|
|
handleClose() {
|
this.$refs['dataForm'].resetFields()
|
this.dataList = []
|
},
|
|
}
|
}
|
</script>
|