代码调整

src/mixins/Index.ts

@@ -2,7 +2,6 @@ import { Component, Vue } from 'vue-property-decorator';
 import { State, Action } from 'vuex-class';
 @Component
 export default class Index extends Vue {
-    @Action('getSysTemplateList') private getSysTemplateList!: () => void;
     protected ActionList: any = {
         rename: {
             key: 'rename',
@@ -17,6 +16,7 @@ export default class Index extends Vue {
           callback: this.delFolder,
         },
     };
+    @Action('getSysTemplateList') private getSysTemplateList!: () => void;
     protected mounted() {
         this.getSysTemplateList();
     }

src/store/index.ts

@@ -94,7 +94,7 @@ export default new Vuex.Store({
     getSysTemplateList({ commit, state }) {
       if (state.sysTemplateList.length <= 0) {
         Vue.prototype.$api.template.systemList().then(({results = []}) => {
-          commit('updateSysTemplateList', results);
+          commit('updateSysTemplateList', results || []);
         });
       }
     },

src/views/template/components/SelectTemplate.vue

@@ -142,16 +142,13 @@ export default class SelectTemplate extends Mixins(IndexMixin) {
   private detail: any[] = [];
 
   protected mounted() {
-    this.$api.template.folderList({
-      template_type: 1,
-    }).then((res: any) => {
-      const ids = (res.results || []).map((folder: any) => folder.id);
-      return this.$api.template.list({
-        id: ids,
-      });
-    }).then((res: any) => {
+    this.getUserFolders();
+  }
+   private async getUserFolders() {
+    const { results } = await this.$api.template.folderList({template_type: 1});
+    const ids = (results || []).map((folder: any) => folder.id);
+    const res = await this.$api.template.list({id: ids});
     this.userFolderList = res.results || [];
-    });
   }
   private selectFolder(folder: any) {
     this.currentFolder = folder;