学习问答

project/fengdu/app/AppLearning/AppLearning.vue

@@ -0,0 +1,63 @@
+<template>
+  <div class="AppLearning">
+    <keep-alive :include="['List']">
+      <component
+        ref="component"
+        :is="component"
+        @change="onChange"
+        :params="params"
+        :instance="instance"
+        :dict="dict"
+      ></component>
+    </keep-alive>
+  </div>
+</template>
+
+<script>
+import List from "./components/List";
+import Detail from "./components/Detail";
+
+export default {
+  label: "学习问答",
+  name: "AppLearning",
+  components: { Detail, List },
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function
+  },
+  data() {
+    return {
+      component: "Detail",
+      params: {},
+      include: []
+    };
+  },
+  methods: {
+    onChange(data) {
+      if (data.type === "Detail") {
+        this.component = "Detail";
+        this.params = data.params;
+      }
+
+      if (data.type === "list") {
+        this.component = "List";
+        this.params = data.params;
+
+        this.$nextTick(() => {
+          if (data.isRefresh) {
+            this.$refs.component.getList();
+          }
+        });
+      }
+    }
+  }
+};
+</script>
+
+<style scoped lang="scss">
+.AppLearning {
+  width: 100%;
+  height: 100%;
+}
+</style>