<template>
  <div class="footer">
    <!-- 底部按钮 -->
    <span
      class="clear"
      @click="$emit('handleclearForm')"
    >
      <icon-font
        style="margin-right: 4px"
        name="icon-operational-risk"
        size="11"
      />
      <span>一键清空</span>
    </span>
    <!-- <el-button
            v-if="bottomBtns.expandBtn === 'Y'"
            class="submit"
            size="small"
            @click="handleCancelForm"
          >更多</el-button>
          <el-button
            v-if="bottomBtns.deleteRight === 'Y'"
            class="submit"
            type="primary"
            size="small"
            @click="handleDelete"
          >删除</el-button> -->
    <!-- <el-button
            v-if="bottomBtns.updateRight === 'Y'"
            class="submit"
            type="primary"
            size="small"
            @click="handlePreSubmit"
          >修改</el-button> -->
    <el-button
      class="submit"
      type="primary"
      size="small"
      @click="$emit('handlePreSubmit')"
    >提交</el-button>
  </div>
</template>

<style lang="scss" scoped>
.footer {
  padding: 0 6px;
  text-align: right;
  margin-top: 12px;
  height: 48px;
  line-height: 48px;
  background-color: var(--desktop-bg-color-1);
  .clear {
    font-size: 12px;
    margin-right: 10px;
  }
  .submit {
    margin: 0 5px;
  }
}
</style>
