task#14196,高亮提示
This commit is contained in:
@ -6,6 +6,7 @@
|
|||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
height="100%"
|
height="100%"
|
||||||
v-loading="loading"
|
v-loading="loading"
|
||||||
|
:cell-style="setTableCellStyle"
|
||||||
class="custom-table">
|
class="custom-table">
|
||||||
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
<el-table-column v-for="column in labelList" :key="column.prop" :prop="column.prop" :label="column.label"
|
||||||
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
align="center" min-width="100" :width="(isMobile && (column.label=='案件编号' || column.label=='服务内容')) ? 70 : 'auto'">
|
||||||
@ -17,14 +18,77 @@
|
|||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "noFit-table",
|
name: "noFit-table",
|
||||||
props: ['tableData','labelList','loading','isMobile'],
|
props: ['tableData', 'labelList', 'loading', 'isMobile'],
|
||||||
data() {
|
data() {
|
||||||
return {}
|
return {}
|
||||||
},
|
},
|
||||||
mounted() {
|
mounted() {
|
||||||
// console.log("tableData",this.tableData)
|
|
||||||
},
|
},
|
||||||
methods: {}
|
methods: {
|
||||||
|
setTableCellStyle({ row, column,columnIndex }) {
|
||||||
|
// 接单率
|
||||||
|
if(column.property=='threeMinutesReceivingRate'){
|
||||||
|
if(columnIndex){
|
||||||
|
const rate = parseFloat(row.threeMinutesReceivingRate.replace('%', ''));
|
||||||
|
if(rate < 95){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//师傅接单时效》5
|
||||||
|
if(column.property=='receiving'){
|
||||||
|
if(columnIndex){
|
||||||
|
if(row.receiving > 5){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//到达时效》40
|
||||||
|
if(column.property=='arriving'){
|
||||||
|
if(columnIndex){
|
||||||
|
if(row.arriving > 40){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//聚合成功率《80
|
||||||
|
if(column.property=='polymerizationSuccessRate'){
|
||||||
|
if(columnIndex){
|
||||||
|
const rate = parseFloat(row.polymerizationSuccessRate.replace('%', ''));
|
||||||
|
if(rate < 80){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//app使用率《95
|
||||||
|
if(column.property=='appRate'){
|
||||||
|
if(columnIndex){
|
||||||
|
const rate = parseFloat(row.appRate.replace('%', ''));
|
||||||
|
if(rate < 95){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//催促率》3
|
||||||
|
if(column.property=='urgeRate'){
|
||||||
|
if(columnIndex){
|
||||||
|
const rate = parseFloat(row.urgeRate.replace('%', ''));
|
||||||
|
if(rate > 3){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
//投诉率》0.1
|
||||||
|
if(column.property=='complainOrderRate'){
|
||||||
|
if(columnIndex){
|
||||||
|
const rate = parseFloat(row.complainOrderRate.replace('%', ''));
|
||||||
|
if(rate > 0.1){
|
||||||
|
return {backgroundColor: 'yellow'}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user