<template>
  <a-row :gutter="24" :class="$style['full-height']">
    <a-col :md="5" :sm="24" :class="$style['full-height']">
      <a-card :class="[$style['full-height'], $style['overflow-scroll']]">
        <sd-sign-tree @selectedKeys="handleTreeSelect"></sd-sign-tree>
      </a-card>
    </a-col>
    <a-col :md="19" :sm="24">
      <sd-user-list :group-id="groupId" :is-contain-sub-org="isContainSubOrg"></sd-user-list>
    </a-col>
  </a-row>
</template>

<script>
import components from './_import-components/sd-signature-manage-import'

export default {
  name: 'SdSignatureManage',
  metaInfo: {
    title: '签名管理',
  },
  components,
  data() {
    return {
      groupId: '',
      isContainSubOrg: true,
      test: ['20000'],
    }
  },
  methods: {
    handleTreeSelect(groupCode) {
      if (groupCode.length > 0) {
        this.groupId = `${groupCode}`
      }
    },
    handleIsContainSubOrg(e) {
      this.isContainSubOrg = e.target.checked
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.choose-box {
  padding: $padding-sm;
  :global(.ant-checkbox-wrapper) {
    color: $primary-color;
  }
}
.full-height {
  height: 100%;
}
.overflow-scroll {
  overflow: scroll;
}
</style>
