25864

src/apps/AppMarryAndDie/FuneralList.vue

@@ -39,9 +39,22 @@
             <span class="right">{{ item.address }}</span>
           </div>
 
+          <div class="contents">
+            <span>上报内容</span>
+            <span class="right">{{ item.content }}</span>
+          </div>
+
+          <div class="imgs">
+            <img :src="e.url" alt="" v-for="(e, i) in item.files" :key="i" />
+          </div>
+
           <span class="types" :style="{ background: item.type == 0 ? '#FF65B8' : item.type == 1 ? '#FF883C' : '#1AAAFF' }">
             {{ $dict.getLabel('marriageType', item.type) }}
           </span>
+
+          <span class="types" :style="{ background: item.modeType == 0 ? '#42D784' : '#1AAAFF' }" style="margin-left: 16px">
+            {{ $dict.getLabel('modeType', item.modeType) }}
+          </span>
         </template>
 
         <template #menu>
@@ -83,7 +96,7 @@ export default {
     })
   },
   onShow() {
-    document.title = "婚丧嫁娶"
+    document.title = '婚丧嫁娶'
   },
   methods: {
     getCount() {
@@ -186,8 +199,10 @@ export default {
       .names,
       .phones,
       .times,
-      .areaNames {
+      .areaNames,
+      .contents {
         display: flex;
+        margin-top: 8px;
         .right {
           width: 76%;
           margin-left: 32px;
@@ -201,6 +216,25 @@ export default {
           -webkit-box-orient: vertical;
         }
       }
+      .contents {
+        .right {
+          -webkit-line-clamp: 3;
+        }
+      }
+
+      .imgs {
+        margin-top: 8px;
+
+        img {
+          width: 32%;
+          height: 204px;
+          margin-right: 8px;
+        }
+
+        img:nth-child(3n) {
+          margin-right: 0;
+        }
+      }
       .types {
         display: inline-block;
         margin-top: 32px;