<el-table-column min-width="120px">
<template slot="header" slot-scope="scope">
xxxx <i class="el-icon-question" title="aaa/bbbb"></i>
</template>
<template slot-scope="scope">
<el-popover
placement="top-start"
width="450"
trigger="hover"
@show="showPopover">
<div class="device-popover">
<p>
<i class="el-icon-info"></i>
该人员共授权{{scope.row.deviceRoleTotal}}台设备</p>
<p>
<i class="el-icon-success"></i>
已成功把人员信息下发到{{scope.row.deviceRoleSuccessTotal}}台设备</p>
<p>
<i class="el-icon-error"></i>
其中有{{scope.row.deviceRoleFailTotal}}台设备下发失败:</p>
<el-table :data="scope.row.deviceRoleFailList" size="mini">
<el-table-column property="deviceName" label="设备名称"></el-table-column>
<el-table-column property="failReason" label="备注"></el-table-column>
</el-table>
</div>
<span slot="reference" class="device-number">{{scope.row.deviceRoleTotal}} /
<span style="color:red">{{scope.row.deviceRoleFailTotal}}</span></span>
</el-popover>
</template>
</el-table-column>