标段选择

说明

1、bidSelect组件基于element-ui中Tree树形控件 (opens new window)进行的二次封装。
2、在组件中调用tendersTreeData接口，获取标段的信息。
3、该组件的封装，便于在在开发中复用，提高开发效率。

使用

<template>
  <div>
    <button @click="showBid">点击</button>
    <bidSelection
      :show.sync="bidShow"
      @saveFun="saveWbsTenders"
      v-if="bidShow"
    ></bidSelection>
  </div>
</template>
<script>
import bidSelection from '@/components/bidSelection'

export default {
  name: 'Test',
  components: {
    bidSelection
  },
  data() {
    return {
      bidShow: false
    }
  },
  mounted: {
    showBid() {
      this.bidShow = true
    }
  }
}
</script>

参数说明

属性

属性	描述	类型	可选值	默认值
data	展示数据	Array[]	—	—
node-key	每个树节点用来作为唯一标识的属性，整棵树应该是唯一的	String	—	—
check-strictly	在显示复选框的情况下，是否严格的遵循父子不互相关联的做法，默认为 false	number, boolean	—	false
check-on-click-node	是否在点击节点的时候选中节点，默认值为 false，即只有在点击复选框时才会选中节点。	boolean	—	false
props	配置选项，具体看下表	object	—	—
expand-on-click-node	是否在点击节点的时候展开或者收缩节点， 默认值为 true，如果为 false，则只有点箭头图标的时候才会展开或者收缩节点。	boolean	—	true

props

参数	说明	类型	可选值	默认值
label	指定节点标签为节点对象的某个属性值	string,function{}	—	—
children	指定子树为节点对象的某个属性值	string	—	—`
disabled	指定节点选择框是否禁用为节点对象的某个属性值	boolean, function{}	—	false
isLeaf	指定节点是否为叶子节点，仅在指定了 lazy 属性的情况下生效	boolean,function{}	—	false

事件

事件名称	说明	回调参数
node-click	节点被点击时的回调	共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身
check	当复选框被点击的时候触发	共两个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、树目前的选中状态对象，包含 checkedNodes、checkedKeys、halfCheckedNodes、halfCheckedKeys 四个属性

组件源码参考

组件源码 (opens new window)