element-ui 插槽自定义样式怎么居中

场景：使用element-ui组件，scope内部自定义样式导致的错位
效果图：
解决思路： template标签可理解为一个内嵌组件，宽高重新定义，可在自定义内容外层套一层盒子，让盒子占满所有空间，再使用flex让内部元素居中
实现：

1. HTML呈现

<el-table>
...
<el-table-column
    label="工单状态"
    min-width="80">
    <template slot-scope="scope">
      <div class="flex flex-align-center flex-justify-center" style="height:100%;width:100%">
        <div class="orderstatus" :