| | |
| | | <template> |
| | | <zt-table-wraper ref="tableObj" defaultNotQuery="true" query-url="" |
| | | :paging='false' |
| | | delete-url="" v-slot="{ table }"> |
| | | <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()"> |
| | | </el-form> |
| | | <el-table v-loading="table.dataLoading" :data="table.dataList" height="400" |
| | | @selection-change="table.selectionChangeHandle"> |
| | | <el-table-column prop="name" label="名称" /> |
| | | <el-table-column prop="totalTime" label="总时间"/> |
| | | <el-table-column prop="faultNum" label="故障次数"/> |
| | | <el-table-column prop="repairTime" label="修理时间"/> |
| | | <el-table-column prop="availability" label="可用度"/> |
| | | <el-table-column prop="mtbcf" label="MTBCF"/> |
| | | <el-table-column prop="mttcr" label="MTTCR"/> |
| | | </el-table> |
| | | </zt-table-wraper> |
| | | <zt-table-wraper ref="tableObj" defaultNotQuery="true" query-url="" |
| | | :paging='false' |
| | | delete-url="" v-slot="{ table }"> |
| | | <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()"> |
| | | </el-form> |
| | | <el-table v-loading="table.dataLoading" :data="dataList" |
| | | @selection-change="table.selectionChangeHandle" |
| | | height="100px" v-adaptive="{bottomOffset:30}"> |
| | | <el-table-column prop="name" label="名称"/> |
| | | <el-table-column prop="totalTime" label="总时间(小时)" align="center"/> |
| | | <el-table-column prop="faultNum" label="故障次数" align="center"/> |
| | | <el-table-column prop="repairTime" label="修理时间(分钟)" align="center"/> |
| | | <el-table-column prop="availability" label="可用度(百分比)" align="center"/> |
| | | <el-table-column prop="mtbcf" label="MTBCF" align="center"/> |
| | | <el-table-column prop="mttcr" label="MTTCR" align="center"/> |
| | | </el-table> |
| | | </zt-table-wraper> |
| | | </template> |
| | | |
| | | <script> |
| | |
| | | productList: [], |
| | | dataForm: { |
| | | productId: '' |
| | | } |
| | | }, |
| | | dataList:[], |
| | | fzdataList: [ |
| | | { |
| | | name: '总体', |
| | | totalTime:'15000', |
| | | faultNum:'2', |
| | | repairTime:'20', |
| | | availability:'99.96', |
| | | mtbcf:'5000', |
| | | mttcr:'20' |
| | | },{ |
| | | name: ' 系统1', |
| | | totalTime:'15000', |
| | | faultNum:'0', |
| | | repairTime:'0', |
| | | availability:'100', |
| | | mtbcf:'15000', |
| | | mttcr:'0' |
| | | },{ |
| | | name: ' 设备1-1', |
| | | totalTime:'9000', |
| | | faultNum:'2', |
| | | repairTime:'30', |
| | | availability:'99.98', |
| | | mtbcf:'3000', |
| | | mttcr:'15' |
| | | },{ |
| | | name: ' 设备1-2', |
| | | totalTime:'15000', |
| | | faultNum:'4', |
| | | repairTime:'120', |
| | | availability:'98.79', |
| | | mtbcf:'5000', |
| | | mttcr:'30' |
| | | },{ |
| | | name: ' 设备1-3', |
| | | totalTime:'12000', |
| | | faultNum:'3', |
| | | repairTime:'100', |
| | | availability:'98.88', |
| | | mtbcf:'3000', |
| | | mttcr:'33' |
| | | }, |
| | | { |
| | | name: ' 系统2', |
| | | totalTime:'10000', |
| | | faultNum:'2', |
| | | repairTime:'30', |
| | | availability:'99.75', |
| | | mtbcf:'5000', |
| | | mttcr:'15' |
| | | },{ |
| | | name: ' 设备2-1', |
| | | totalTime:'7000', |
| | | faultNum:'5', |
| | | repairTime:'200', |
| | | availability:'88.84', |
| | | mtbcf:'1167', |
| | | mttcr:'40' |
| | | },{ |
| | | name: ' 设备2-2', |
| | | totalTime:'5000', |
| | | faultNum:'3', |
| | | repairTime:'60', |
| | | availability:'98.78', |
| | | mtbcf:'1250', |
| | | mttcr:'30' |
| | | },{ |
| | | name: ' 设备2-3', |
| | | totalTime:'10000', |
| | | faultNum:'1', |
| | | repairTime:'20', |
| | | availability:'99.97', |
| | | mtbcf:'5000', |
| | | mttcr:'20' |
| | | },] |
| | | } |
| | | }, |
| | | components: { |
| | | |
| | | }, |
| | | components: {}, |
| | | mounted() { |
| | | this.getTaskProductList() |
| | | }, |
| | | methods: { |
| | | init() { |
| | | |
| | | this.dataList =this.fzdataList |
| | | }, |
| | | add() { |
| | | this.$refs.AddOrUpdate.$refs.dialog.init(null,{productId: this.dataForm.productId}) |
| | | }, |
| | | selectTask(row){ |
| | | this.$emit('onTaskSelected',row) |
| | | }, |
| | | async getTaskProductList() { |
| | | let res = await this.$http.get('/basicInfo/XhProductModel/getTaskProductList') |
| | | this.productList = res.data |
| | | console.log(this.productList, ' async getTaskProductList()') |
| | | }, |
| | | onProductSelected(data){ |
| | | console.log(data, ' onProductSelected(data)') |
| | | this.dataForm.productId = data.id |
| | | this.$refs.tableObj.query() |
| | | } |
| | | } |
| | | } |
| | | </script> |