<template>
  <div :class="$style.wrapHeight">
    <div :class="$style.rowHeight">
      <law-team-tree
        ref="lawTeamTree"
        show-line
        top-node-text="法律队伍"
        :is-select-dep="true"
        :draggable="false"
        @treeSelect="treeSelect"
      ></law-team-tree>

      <div :class="$style.rightcard">
        <a-card>
          <sd-task-list
            :module-id="this.$route.query.moduleId"
            :form-list-id="this.$route.query.formListId"
            :filter="Expressions"
          ></sd-task-list>
        </a-card>
      </div>
    </div>
  </div>
</template>

<script>
import lawTeamTree from './law-team-tree.vue'
import components from './_import-components/law-team-list-import'
import sdTaskList from '@/application-manage/sd-task-list.vue'

export default {
  name: 'LawTeamList',
  metaInfo: {
    title: '法律队伍管理',
  },
  components: {
    ...components,
    sdTaskList,
    lawTeamTree,
  },
  data() {
    return {
      Expressions: [],
    }
  },
  methods: {
    treeSelect(selectedKeys) {
      if (selectedKeys[0] === -1 || selectedKeys[0] === '-1') {
        this.Expressions = []
      } else {
        this.Expressions = [
          {
            dataType: 'str',
            name: 'OWNER_ORG_ID',
            op: 'eq',
            stringValue: selectedKeys[0],
          },
        ]
      }
    },
  },
}
</script>

<style module lang="scss">
@use '@/common/design' as *;
.wrap-height {
  height: 100%;
  .row-height {
    display: flex;
    flex: auto;
    height: 100%;
    .rightcard {
      flex: 1;
      width: calc(100% - 20%);
      height: 100%;
      :global .ant-card,
      :global .ant-card-body {
        height: 100%;
      }
      :global .ant-table-default {
        height: 58vh;
        overflow: auto;
      }
      :global .header_sd-data-table_common .ant-btn:nth-child(2) {
        display: none;
      }
    }
  }
}
</style>
