Situation-Awareness-Platform-Frontend/src/components/MergeCheck

TS接口文档可以查看同文件夹下的types.ts, demo可以访问/demo777进行查看

<merge-check
  v-for="(item, index) in mergeDatas"
  :key="index"
  :data="item"
  :is-last="index === mergeDatas.length - 1">
</merge-check>

const mergeDatas: MergeCheckData[] = [
  {
    checking: true
  },
  {
    verifyData: {
      success: true,
      totalPass: 4,
      needPass: 2,
      hasPassed: 2,
      refused: 1
    }
  },
  {
    verifyData: {
      success: false,
      totalPass: 5,
      needPass: 3,
      hasPassed: 2,
      refused: 2
    }
  },
  {
    reviewData: {
      success: false,
      totalPass: 5,
      needPass: 3,
      hasPassed: 2
    }
  },
  {
    reviewData: {
      success: true,
      totalPass: 5,
      needPass: 3,
      hasPassed: 4
    }
  },
  {
    reviewData: {
      success: true
    }
  },
  {
    reviewData: {
      success: false
    }
  }
];

Props

参数	说明	类型	可选值	默认值
data	审核数据	MergeCheckData	—	{}
link?	对应设置页面地址	string	—	''
isLast?	是否为最后一个，如果是，则会设置组件的底边框和下圆角	boolean	—	true
isLast?	是否为第一个，如果是，则会设置组件的顶边框和上圆角	boolean	—	true

Emits

注意：以下事件都是组件内部对应的按钮点击触发，如果用插槽自定义对应区域的内容的话，事件自行监听即可

方法	说明	返回值

Slots

名称	说明
header	组件头部区域插槽
icon	组件头部区域icon插槽
content	组件内容区域插槽
message	组件内容消息区域插槽
results	组件内容审核结果区域插槽