<el-table-column
key="1"
label="超出时长"
>
<!-- sortable -->
<template
slot="header"
slot-scope="scope"
class="retort_time"
>
超出时长
<span style="cursor: pointer;" @click="changeorder()">
<i
class="el-icon-caret-top"
:class="color1 == 1 ? 'icon1' : ''"
style="position: relative;
right: 0;
top: -5px;"
></i>
<i
class="el-icon-caret-bottom"
:class="color1 == 2 ? 'icon1' : ''"
style="position: relative;
left: -14px;
top: 2px;"
></i>
</span>
</template>
<template scope="scope">
<span :style="color12(scope.row)">{{ color2(scope.row.finishTimeSpan) }}</span>
</template>
</el-table-column>
changeorder(column, prop, order) {
if (this.color1 == 1) {
this.color1 = 2
this.order1 = false
this.WorkOrderGetSeachList2()
}else{
this.color1 = 1
this.order1 = true
this.WorkOrderGetSeachList2()
}
},
<style>
.icon1 {
color: #0069b7;
}
</style>