| | |
| | | row-key="id" |
| | | :expand-row-keys="defultKey" |
| | | :tree-props="{children: 'children', hasChildren: 'hasChildren'}" |
| | | :header-cell-style="{'text-align':'center'}" |
| | | :cell-style="cellStyle" |
| | | border @selection-change="table.selectionChangeHandle"> |
| | | <!--<el-table-column type="selection" width="40"/>--> |
| | | <el-table-column prop="name" label="名称"/> |
| | | <el-table-column prop="basicMtbfRegulate" label="MTBF" align="right"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.basicMtbfRegulate | keepNumber }}</span> |
| | | <span>{{ keepNumber(scope.row.basicMtbfRegulate) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="repairMttcr" label="MTTR" align="right"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.repairMttcr | keepNumber }}</span> |
| | | <span>{{ keepNumber(scope.row.repairMttcr) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="basicMtbfOperatingRatio" label="运行比" align="right"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.basicMtbfOperatingRatio | keepNumber }}</span> |
| | | <span>{{keepNumber(scope.row.basicMtbfOperatingRatio) }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="ai" label="可用度" align="right"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ scope.row.ai | keepNumber }}</span> |
| | | <span>{{keepNumber(scope.row.ai)}}</span> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | components: { |
| | | ProductModelTree, |
| | | }, |
| | | filters: { |
| | | keepNumber(value) { //过滤器保留4为小数 |
| | | const numM = Number(value).toFixed(5); |
| | | if (numM === "NaN") { |
| | | return "0.0000"; |
| | | computed: { |
| | | keepNumber() { //过滤器保留4为小数 |
| | | return function (val) { // 对计算属性进行传参 |
| | | const numM = Number(val).toFixed(5); |
| | | return numM.substring(0, numM.length - 1); |
| | | } |
| | | if (numM === '0.0000' && value > 0) { |
| | | |
| | | } |
| | | const realVal = numM.substring(0, numM.length - 1); |
| | | return realVal; |
| | | }, |
| | | }, |
| | | methods: { |
| | |
| | | this.$refs.tableObj.query() |
| | | }) |
| | | }, |
| | | cellStyle({row, column, rowIndex, columnIndex}) { |
| | | const numM1 = Number(row.repairMttcr).toFixed(5); |
| | | const numM2 = Number(row.basicMtbfRegulate).toFixed(5); |
| | | console.log(numM1,numM2,'234') |
| | | if (numM1.substring(0, numM1.length - 1) === '0.0000' && row.repairMttcr > 0 && column.property ==="repairMttcr") { |
| | | return 'color : red' |
| | | } else if (numM2.substring(0, numM1.length - 1) === '0.0000' && row.basicMtbfRegulate > 0 && column.property ==="basicMtbfRegulate") { |
| | | return 'color : red' |
| | | }else { |
| | | return '' |
| | | } |
| | | // Object.keys(row).forEach((key, index) => { |
| | | // //遍历每行中每个数据的state |
| | | // if (key === "repairMttcr" || key === "basicMtbfRegulate") { |
| | | // //console.log(key, "row key"); |
| | | // let val = row[key] |
| | | // const numM = Number(val).toFixed(5); |
| | | // if (numM.substring(0, numM.length - 1) === '0.0000' && val > 0) { |
| | | // //定位该数据的坐标 |
| | | // if (columnIndex === 2) { |
| | | // warningColor = true; |
| | | // } |
| | | // } |
| | | // } |
| | | // }); |
| | | }, |
| | | } |
| | | } |
| | | </script> |