el-description描述列表-修改固定宽度样式

<template>
<el-descriptions class="margin-top" :column="3" border :contentStyle="content_style" :label-style="label-style">
  <el-descriptions-item label="系统"></el-descriptions-item>
  <el-descriptions-item label="姓名"></el-descriptions-item>
  <el-descriptions-item label="部门"></el-descriptions-item>
  <el-descriptions-item label="理由" label-class-name="color_label">
     <template slot="label">理由</template>
  </el-descriptions-item>
</el-descriptions>
</template>

<script>
export default {
data(){
  return{
    content_style: {
      'text-align': 'center',
      'min-width': '200px',
      'word-break': 'break-all'
    },
    label-style: {
      'color': '#000',
      'text-align': 'center',
      'font-weight': '600',
      'height': '40px',
      'background-color': '#d6dbe1',
      'min-width': '100px',
      'word-break': 'keep-all'
    }
  }
 }
}
</script>
<style>
.color_label {
  background: #cccccc
}
</style>