作者:管理员  历史版本:1  最后编辑:龚清  更新时间:2024-06-15 15:03

基础功能

用于一组备选项中进行多选。


当ibps-checkbox元素中注入对应数据后得效果,具体代码可参考项目路径src\business\platform\bpmn\setting\bpmn-setting\settings\other-attribute.vue

<template>
  <div class="bpmn-other-attribute panel-body">
    <el-form
      :model="attribute"
      label-width="364px"
      label-position="left"
      :label-suffix="$IBPS.formLabelSuffix"
      @submit.native.prevent
    >
      ...
      <el-form-item class="notifyType" :label="`${$t('business.platform.bpmn.setting.bpmn-setting.notification-type')}`">
        <ibps-checkbox
          v-model="attribute.notifyType"
          :options="messageTypes"
          value-key="type"
          label-key="title"
        />
      </el-form-item>
      ...
    </el-form>
  </div>
</template>
<script>
import { mapState } from 'vuex'

export default {
  data() {
    ...
  },
  computed: {
    ...mapState({
      messageTypes: state => state.ibps.bpmn.messageTypes
    })
  },
}
</script>