confirm-popover.vue

<template>
  <el-popover
    trigger="manual"
    :value="value"
    ref="popover"
  >
    <div
      style="display: flex; align-items: center; justify-content: center; margin: 4px 4px 12px 4px;"
    ><Icon style="color: #FF9D00;" type="ios-help-circle" /><span>确定要删除本条意见吗？</span></div>
    <div style="text-align: right; margin: 0">
      <Button size="small" type="text" @click="$emit('cancle')">取消</Button>
      <Button type="primary" size="small" @click="$emit('confirm')">确定</Button>
    </div>
    <template slot="reference"><slot></slot></template>
    
  </el-popover>
</template>

<script>
export default {
  props: ['value'],
}
</script>

<style>

</style>