<template>
  <section class="AppHelpByNeighbours">
    <ai-list isTabs>
      <ai-title slot="title" title="四邻联动"/>
      <template #tabs>
        <el-tabs>
          <el-tab-pane label="四邻联动记录">
            <hbn-list v-bind="$props"/>
          </el-tab-pane>
          <el-tab-pane label="联动记录审批" lazy>
            <hbn-audit-list v-bind="$props"/>
          </el-tab-pane>
        </el-tabs>
      </template>
    </ai-list>

  </section>
</template>

<script>
import HbnList from "./hbnList";
import HbnAuditList from "./hbnAuditList";

export default {
  name: "AppHelpByNeighbours",
  components: {HbnAuditList, HbnList},
  label: "四邻联动",
  props: {
    instance: Function,
    dict: Object,
    permissions: Function
  },
  created() {
    this.dict.load('yesOrNo', "partyFourLinkageStatus")
  }
}
</script>

<style lang="scss" scoped>
.AppHelpByNeighbours {
  height: 100%;

  ::v-deep.mar-t16 {
    margin-top: 16px;
  }

  ::v-deep.mar-t8 {
    margin-top: 8px;
  }
}
</style>
