两新组织功能迁移

project/pingchang/apps/AppTwoNewOrganizationSta/AppTwoNewOrganizationSta.vue

@@ -0,0 +1,64 @@
+<template>
+  <section class="AppTwoNewOrganizationSta">
+    <ai-list>
+      <template slot="title">
+        <ai-title :isShowBottomBorder="false"  title="两新组织统计" />
+      </template>
+      <template slot="tabs">
+        <el-tabs v-model="bizType">
+          <el-tab-pane v-for="tab in tabs" :key="tab.name" v-bind="tab" lazy>
+            <component
+              :is="tab.comp"
+              v-if="bizType == tab.name"
+              :instance="instance"
+              :dict="dict"
+              :permissions="permissions"
+            />
+          </el-tab-pane>
+        </el-tabs>
+      </template>
+    </ai-list>
+  </section>
+</template>
+
+<script>
+import { mapState } from "vuex";
+import StaPane from "./staPane";
+
+export default {
+  name: "AppTwoNewOrganizationSta",
+  components: { StaPane },
+  label: "两新组织统计",
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  provide() {
+    return {
+      top: this
+    };
+  },
+  computed: {
+    ...mapState(["user"]),
+    tabs() {
+      return [
+        { label: "新经济组织统计", name: "0", comp: StaPane },
+        { label: "新社会组织统计", name: "1", comp: StaPane }
+      ];
+    }
+  },
+  data() {
+    return {
+      bizType: "0"
+    };
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+.AppTwoNewOrganizationSta {
+  height: 100%;
+  overflow: auto;
+}
+</style>