四邻联动页面完成

project/sanjianxi/apps/AppHelpByNeighbours/AppHelpByNeighbours.vue

@@ -0,0 +1,51 @@
+<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')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.AppHelpByNeighbours {
+  height: 100%;
+
+  ::v-deep.mar-t16 {
+    margin-top: 16px;
+  }
+
+  ::v-deep.mar-t8 {
+    margin-top: 8px;
+  }
+}
+</style>