删除

src/project/pingchang/AppCheckpointRegistration/AppCheckpointRegistration.vue

@@ -39,30 +39,22 @@
         </div>
       </div>
     </AiTopFixed>
-    <div class="user-list">
-      <u-swipe-action style="margin-bottom: 12px;"
-        :show="item.show"
-        :index="index"
-        v-for="(item,index) in list"
-        :key="item.id"
-        @click="onClick"
-        @open="onOpen"
-        @content-click="toUser(item)"
-        :options="options">
-        <div class="item">
-          <div class="top">
-            <h2 class="name">{{item.name}}<span class="status" :class="'status'+item.riskLevel">{{ $dict.getLabel('EP_riskLevel', item.riskLevel) }}</span></h2>
-            <p class="color-999">{{item.idNumber}}</p>
-            <p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{item.startAreaName}}</span></p>
-            <p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{item.arriveAreaName}}</span></p>
-            <p><img src="./components/img/time-icon.png" alt="">{{item.arriveTime}}</p>
-            <img :src="statusImgList[item.handleType]" alt="" class="status-img">
-          </div>
-          <div class="bottom" v-if="item.handleType>0">
-            <div class="text">处置人：<span>{{item.handleUserName}}</span></div>
-          </div>
+    <div class="user-list" v-if="list.length">
+      <div class="item" v-for="(item,index) in list" :key="index" @click="toUser(item)">
+        <div class="top">
+          <h2 class="name">{{item.name}}
+            <div class="status" :class="'status'+item.riskLevel">{{ $dict.getLabel('EP_riskLevel', item.riskLevel) }}<div class="del-btn" @click.stop="del(item.id)">删除</div></div>
+          </h2>
+          <p class="color-999">{{item.idNumber}}</p>
+          <p><img src="./components/img/org-icon.png" alt=""><span class="start-name">{{item.startAreaName}}</span></p>
+          <p><img src="./components/img/blue-icon.png" alt=""><span class="start-name">{{item.arriveAreaName}}</span></p>
+          <p><img src="./components/img/time-icon.png" alt="">{{item.arriveTime}}</p>
+          <img :src="statusImgList[item.handleType]" alt="" class="status-img">
         </div>
-      </u-swipe-action>
+        <div class="bottom" v-if="item.handleType>0">
+          <div class="text">处置人：<span>{{item.handleUserName}}</span></div>
+        </div>
+      </div>
     </div>
     <AiEmpty v-if="!list.length"></AiEmpty>
     <u-select v-model="showGateSelect" :list="gateList" label-name="name" value-name="id" @confirm="gatewayconfirm"></u-select>
@@ -81,6 +73,7 @@ export default {
       areaName: '',
       tabIndex: 0,
       current: 1,
+      pages: 2,
       list: [],
       totalInfo: {},
       keyword: '',
@@ -133,10 +126,21 @@ export default {
       this.$http.post(`/app/appepidemicpreventionregisterinfo/list?infoType=0&current=${this.current}&size=10&listType=${this.tabIndex}&gatewayId=${this.gatewayId}&name=${this.keyword}&arriveAreaId=${this.areaId}`)
       .then((res) => {
         if (res.code == 0) {
-          res.data.records.map((item) => {
-            item.idNumber = item.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
-          })
-          this.list = this.current > 1 ? [...this.list, ...res.data.records] : res.data.records
+
+          this.list = this.current > 1 ? [...this.list, ...res.data.records.map(v => {
+              return {
+                ...v,
+                show: false,
+                idNumber: v.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+              }
+            })] : res.data.records.map(v => {
+              return {
+                ...v,
+                show: false,
+                idNumber: v.idNumber.replace(/(.{6}).*(.{4})/,"$1********$2")
+              }
+            })
+            this.pages = res.data.pages
         }
       })
     },
@@ -312,6 +316,7 @@ export default {
     .item{
       background-color: #fff;
       border-radius: 16px;
+      margin-bottom: 24px;
       .top {
         padding: 32px 32px 24px;
         position: relative;
@@ -344,6 +349,11 @@ export default {
           .status2 {
             color: #f46;
           }
+          .del-btn {
+            display: inline-block;
+            color: #f46;
+            margin-left: 24px;
+          }
         }
         p{
           width: calc(100% - 200px);
@@ -402,7 +412,7 @@ export default {
     }
   }
   .gateway-name {  
-    width: calc(100% - 48px);
+    max-width: calc(100% - 48px);
     word-break: break-all;
     overflow: hidden;
     text-overflow: ellipsis;

src/project/pingchang/AppCheckpointRegistration/UserInfo.vue

@@ -223,6 +223,7 @@ export default {
     uni.$on('updateDetail', () => {
       this.getDetail()
     })
+    uni.$emit('updateList')
   },
   methods: {
     getDetail() {