居民档案结构重组

packages/meta/AppResident/AppResident.vue

@@ -12,17 +12,17 @@
         </el-tabs>
       </template>
     </ai-list>
-    <component v-else :is="detailComponent" :instance="instance" :dict="dict" :permissions="permissions"/>
+    <component v-else :is="detailComponent" :instance="instance" :dict="dict" :permissions="permissions"
+               :name="dict.getLabel('residentType',activeName)"/>
   </section>
 </template>
 <script>
 import {mapState} from "vuex";
-import localResident from "./localResident";
-import ListTpl from "./listTpl";
-import MobileResident from "./mobileResident";
+import ResidentList from "./residentList";
 import ResidentSta from "./residentSta";
 import auditList from "./auditList";
-import auditDetail from "./audtiDetail";
+import auditDetail from "./auditDetail";
+import ResidentDetail from "./residentDetail";
 
 export default {
   name: "AppResident",
@@ -37,25 +37,9 @@ export default {
       resident: this
     }
   },
-  components: {ResidentSta, MobileResident, ListTpl, localResident, auditList, audtiDetail: auditDetail},
+  components: {ResidentDetail, ResidentSta, ResidentList, auditList, auditDetail},
   computed: {
     ...mapState(["user"]),
-    tabs() {
-      let details = {
-        "本地居民": localResident,
-        "流动人员": MobileResident,
-      }
-      return [
-        ...this.dict.getDict('residentType').map(e => ({
-          label: e.dictName,
-          value: e.dictValue,
-          comp: ListTpl,
-          detail: details[e.dictName]
-        })),
-        {label: "居民统计", value: "3", comp: ResidentSta},
-        {label: "居民档案审核", value: "4", comp: auditList, detail: auditDetail}
-      ]
-    },
     hideLevel() {
       return this.user.info.areaList?.length || 0
     },
@@ -71,6 +55,21 @@ export default {
     return {
       areaId: '',
       activeName: "0",
+      tabs: []
+    }
+  },
+  methods: {
+    initTabs() {
+      this.tabs = [
+        ...this.dict.getDict('residentType').map(e => ({
+          label: e.dictName,
+          value: e.dictValue,
+          comp: ResidentList,
+          detail: ResidentDetail
+        })),
+        {label: "居民统计", value: "3", comp: ResidentSta},
+        {label: "居民档案审核", value: "4", comp: auditList, detail: auditDetail}
+      ]
     }
   },
   created() {
@@ -79,7 +78,7 @@ export default {
     this.dict.load('residentType', "sex", "faithType", "fileStatus", "legality", "education", "maritalStatus",
         "politicsStatus", "householdName", "nation", "liveReason", "certificateType", "job", "militaryStatus",
         "householdRelation", "logoutReason", "nation", "registerStatus", "residentTipType", "liveCategory",
-        "livePeriod", "language", "nationality", "residentType");
+        "livePeriod", "language", "nationality", "importTips").then(() => this.initTabs());
   },
 }
 </script>