<template>
  <el-row class="widget-formitem">
    <el-col class="content-wrapper" :span="18">
      <slot></slot>
    </el-col>
    <el-col class="control-wrapper" :span="6">
      <slot name="right"></slot>
    </el-col>
  </el-row>
</template>
<style lang="less" scoped>
.widget-formitem {
  display: flex;
  align-items: center;
  height: 36px;
  margin-bottom: 10px;
  .content-wrapper {
    text-align: left;
  }
  .control-wrapper {
    text-align: right;
  }
}
</style>
