ct

src/apps/AppMarryAndDie/AppMarryAndDie.vue

@@ -1,6 +1,7 @@
 <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">
@@ -10,7 +11,7 @@
             <span class="titlesContent">查看全部活动和本月新增</span>
           </div>
 
-          <img src="./img/1.png" alt="" />
+          <img src="./img/1.png" alt=""/>
         </div>
 
         <div class="card" @click="toList(1)">
@@ -19,7 +20,7 @@
             <span class="titlesContent">查看全部参与操办信息和本月新增</span>
           </div>
 
-          <img src="./img/2.png" alt="" />
+          <img src="./img/2.png" alt=""/>
         </div>
 
         <div class="card" @click="toList(2)">
@@ -28,7 +29,7 @@
             <span class="titlesContent">查看全部婚礼和本月新增</span>
           </div>
 
-          <img src="./img/3.png" alt="" />
+          <img src="./img/3.png" alt=""/>
         </div>
 
         <div class="card" @click="toList(3)">
@@ -37,7 +38,7 @@
             <span class="titlesContent">查看全部丧礼和本月新增</span>
           </div>
 
-          <img src="./img/4.png" alt="" />
+          <img src="./img/4.png" alt=""/>
         </div>
       </div>
 
@@ -52,7 +53,7 @@
 
     <div v-if="currentTabs == 1" class="myReport">
       <template v-if="datas.length > 0">
-        <AiCard v-for="(item, i) in datas" :key="i">
+        <AiCard v-for="(item, i) in datas" :key="i" :ref="item.id">
           <template #custom>
             <div class="names">
               <span>事主姓名</span>
@@ -66,7 +67,9 @@
 
             <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">
@@ -80,10 +83,11 @@
             </div>
 
             <div class="imgs">
-              <img :src="e.url" alt="" v-for="(e, i) in item.files" :key="i" />
+              <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>
           </template>
@@ -93,21 +97,22 @@
           </template>
         </AiCard>
 
-        <u-loadmore :status="loadmore" color="#999" font-size="24" margin-top="32" margin-bottom="80" />
+        <u-loadmore :status="loadmore" color="#999" font-size="24" margin-top="32" margin-bottom="80"/>
       </template>
 
       <AiEmpty description="暂无数据" v-else></AiEmpty>
 
       <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>
 
 <script>
 import echarts from 'echarts'
-import { mapState } from 'vuex'
+import {mapState} from 'vuex'
 
 export default {
   name: 'AppMarryAndDie',
@@ -193,7 +198,7 @@ export default {
           type: 'category',
           data: data.map((v) => v.name.replace('数量', '').replace('和操办登记', '')),
           axisLine: {
-            lineStyle: { color: '#157EFF' },
+            lineStyle: {color: '#157EFF'},
           },
           tooltip: {
             show: true,
@@ -253,6 +258,7 @@ export default {
     toDetele(item) {
       this.deletShow = true
       this.deletId = item.id
+      this.$refs?.[item.id]?.[0]?.handleClose()
     },
 
     delet() {
@@ -265,21 +271,21 @@ export default {
     },
 
     toAdd() {
-      uni.navigateTo({ url: `./Add` })
+      uni.navigateTo({url: `./Add`})
     },
 
     toList(num) {
       if (num == 0) {
-        uni.navigateTo({ url: `./AllActiveList` })
+        uni.navigateTo({url: `./AllActiveList`})
       }
       if (num == 1) {
-        uni.navigateTo({ url: `./CadreList` })
+        uni.navigateTo({url: `./CadreList`})
       }
       if (num == 2) {
-        uni.navigateTo({ url: `./MarryList` })
+        uni.navigateTo({url: `./MarryList`})
       }
       if (num == 3) {
-        uni.navigateTo({ url: `./FuneralList` })
+        uni.navigateTo({url: `./FuneralList`})
       }
     },
 
@@ -305,17 +311,20 @@ uni-page-body {
   height: 100%;
   background: #f3f6f9;
 }
+
 .AppMarryAndDie {
   height: 100%;
 
   .msg {
     height: 100%;
     background: #fff;
+
     .box {
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
       padding: 32px;
+
       .card {
         display: flex;
         justify-content: space-between;
@@ -325,20 +334,24 @@ uni-page-body {
         padding: 18px 24px 34px;
         box-sizing: border-box;
         background: #f6f7f8;
+
         .imgleft {
           display: flex;
           flex-direction: column;
           margin-right: 20px;
           width: 64%;
+
           .titles {
             font-size: 30px;
             font-weight: 500;
           }
+
           .titlesContent {
             font-size: 24px;
             color: #999999;
           }
         }
+
         img {
           width: 80px;
           height: 80px;
@@ -361,24 +374,28 @@ uni-page-body {
         font-size: 32px;
         font-weight: 500;
       }
+
       .yearStatistics {
         width: 100%;
         height: 600px;
       }
     }
   }
+
   .myReport {
     background: #f3f6f9;
     padding-bottom: 112px;
 
     ::v-deep .AiCard {
       background: #f3f6f9;
+
       .start {
         display: flex;
         align-items: center;
         background: #fff;
         padding: 32px 32px 36px 32px;
         border-radius: 16px;
+
         .names,
         .phones,
         .times,
@@ -386,6 +403,7 @@ uni-page-body {
         .contents {
           display: flex;
           margin-top: 8px;
+
           .right {
             width: 76%;
             margin-left: 32px;
@@ -399,18 +417,22 @@ uni-page-body {
             -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;
           }
@@ -424,9 +446,11 @@ uni-page-body {
           color: #fff;
         }
       }
+
       .mask {
         .moreMenu {
           transform: translate(-175px, 20px);
+
           .menu {
             text-align: center;
             line-height: 80px;