25864

src/apps/AppMarryAndDie/AllActiveList.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;

src/apps/AppMarryAndDie/AppMarryAndDie.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="AppMarryAndDie">
-    <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6"
-            inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
+    <u-tabs :list="tabList" :is-scroll="false" :current="currentTabs" height="96" bg-color="#3975C6" inactive-color="#fff" active-color="#fff" @change="change"></u-tabs>
 
     <div v-show="currentTabs == 0" class="msg">
       <div class="box">
@@ -67,9 +66,7 @@
 
             <div class="times">
               <span>上报时间</span>
-              <span class="right" v-if="item.createTime">{{
-                  item.createTime.substring(0, item.createTime.length - 3)
-                }}</span>
+              <span class="right" v-if="item.createTime">{{ item.createTime.substring(0, item.createTime.length - 3) }}</span>
             </div>
 
             <div class="areaNames">
@@ -86,10 +83,13 @@
               <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' }">
+            <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>
@@ -104,8 +104,7 @@
 
       <div class="fixedBtn" @click="toAdd">我要上报</div>
 
-      <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true"
-               :show-title="false" @confirm="delet"></u-modal>
+      <u-modal v-model="deletShow" content="您确认要删除该条信息吗？" :show-cancel-button="true" :mask-close-able="true" :show-title="false" @confirm="delet"></u-modal>
     </div>
   </div>
 </template>
@@ -161,10 +160,10 @@ export default {
     })
   },
   onShow() {
-    document.title = "婚丧嫁娶"
+    document.title = '婚丧嫁娶'
   },
   mounted() {
-    this.Echart = echarts.init(document.getElementById('yearStatistic'))
+    this.Echart = echarts.init(document.getElementById('yearStatistic', 'modeType'))
   },
   methods: {
     getList() {

src/apps/AppMarryAndDie/CadreList.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;

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;

src/apps/AppMarryAndDie/MarryList.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;