1

src/project/saas/AppResidentDocument/DetailCard.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="DetailCard" v-if="pageShow">
     <div class="top">
-      <image src="./components/img/4.png" />
+      <image v-if="resident.photo" :src="resident.photo" />
+      <image v-else src="./components/img/4.png" />
       <div class="top-right">
         <div class="top-right__top">
           <div class="left">
-            <h2>卓作旺</h2>
+            <h2>{{ resident.name }}</h2>
             <i>已注销</i>
           </div>
           <span>户主</span>

src/project/saas/AppResidentDocument/DetailPeople.vue

@@ -1,11 +1,12 @@
 <template>
   <div class="DetailPeople" v-if="pageShow">
     <div class="top">
-      <image src="./components/img/4.png" />
+      <image v-if="resident.photo" :src="resident.photo" />
+      <image v-else src="./components/img/4.png" />
       <div class="top-right">
         <div class="top-right__top">
           <div class="left">
-            <h2>卓作旺</h2>
+            <h2>{{ resident.name }}</h2>
             <i>已注销</i>
           </div>
           <span>户主</span>
@@ -21,24 +22,6 @@
         </div>
       </div>
     </div>
-    <!-- <div class="top">
-      <div class="photos">
-        <img :src="data.resident.photo" alt="" v-if="data.resident && data.resident.photo" />
-        <img src="./components/img/44.png" alt="" v-else />
-      </div>
-
-      <div class="right">
-        <div class="rightTop">
-          <span class="names">{{ data.resident && data.resident.name }}<span class="fileStatuss" v-if="data.resident.fileStatus == 1">已注销</span></span>
-          <span class="householdNames" v-if="data.resident && data.resident.householdName == 1">户主</span>
-          <span class="householdNames" v-else>
-            {{ $dict.getLabel('householdRelation', data.resident && data.resident.householdRelation) }}
-          </span>
-        </div>
-
-        <div class="rightBottom" v-if="data.resident && data.resident.phone">{{ data.resident.phone }}</div>
-      </div>
-    </div> -->
     <div class="line"></div>
     <div class="middle">
       <div class="hint">个人基本信息</div>
@@ -120,22 +103,24 @@
       return {
         id: '',
         data: [],
+        resident: {},
         pageShow: false
       }
     },
 
-    onLoad(o) {
+    onLoad (o) {
       this.id = o.id
       this.$dict.load('householdRelation', 'nation', 'education', 'maritalStatus', 'politicsStatus', 'militaryStatus', 'faithType', 'job').then(() => {
+        this.$loading()
         this.getDetail()
       })
     },
 
     methods: {
       getDetail() {
-        this.$loading()
         this.$http.post(`/app/appresident/detail?id=${this.id}`).then((res) => {
           if (res.code == 0) {
+            this.resident = res.data.resident
             this.data = res.data
             this.pageShow = true
           }