<template>
  <div class="approver-notice">
    <FlowDrawerItem name="通知类型">
      <a-row>
        <a-col :span="8"><a-checkbox v-model:checked="props.nodeNotice.siteMessage">站内</a-checkbox></a-col>
        <a-col :span="8"><a-checkbox v-model:checked="props.nodeNotice.emailMessage">邮件</a-checkbox></a-col>
        <a-col :span="8"><a-checkbox v-model:checked="props.nodeNotice.shortMessage">短信</a-checkbox></a-col>
      </a-row>
    </FlowDrawerItem>
    <FlowDrawerItem name="通知内容">
      <a-textarea v-model:value="props.nodeNotice.contentTemplate" :rows="4" placeholder="通知内容" />
    </FlowDrawerItem>
  </div>
</template>

<script setup name="ApproverNotice">
import FlowDrawerItem from '../../common/FlowDrawerItem.vue';

// 接收属性
const props = defineProps({
  nodeNotice: {
    type: Object,
    default: function () {
      return {};
    }
  }
});
</script>

<style scoped lang="less">
.approver-notice {
  width: 100%;
  height: 100%;
}
</style>
