特殊人群

src/sass/AppSpecialPeople/detail.vue

@@ -35,10 +35,10 @@
       <div class="info-content">
         <div class="title">本月新增</div>
         <div class="num-content color-org">
-          <div class="num-item num" v-for="(item, index) in statisticsListMon" :key="index">
-            <div>{{item.label}}</div>
-            <div>{{item.value}}</div>
-          </div>
+          <div class="num-item" v-for="(item, index) in statisticsListMon" :key="index">
+          <h3>{{item.value}}</h3>
+          <p>{{item.label}}</p>
+        </div>
         <AiEmpty v-if="!statisticsListMon.length"/>
         </div>
       </div>
@@ -55,16 +55,15 @@
               <img src="./img/user-img.png" alt="">
             </div>
             <div class="user-info">
-              <div class="user-tel">
-                <p class="name">{{e.name}}</p>
-                <span class="tel">{{e.phone}}</span>
-              </div>
+              <p class="name">{{e.name}}
+                <span class="btn-icon">
+                  <img src="./img/edit-icon.png" alt="" @click="toEdit(e)">
+                  <img src="./img/del-icon.png" alt="" @click="del(e)">
+                </span>
+              </p>
               <div class="phone">
                 <span>{{idNumberInit(e.idNumber)}}</span>
-                <div>
-                  <span class="edit">编辑</span>
-                  <span class="del">删除</span>
-                </div>
+                <span>{{e.phone}}</span>
               </div>
             </div>
           </div>
@@ -87,7 +86,7 @@ export default {
       areaId: '',
       areaName: '',
       tabs: ['统计信息', '人员信息'],
-      tabIndex: 0,
+      tabIndex: 1,
       addressArea: '',
       statisticsList: [],
       statisticsListMon: [],
@@ -169,7 +168,7 @@ export default {
       // this.$emit('change', {
       //   type: 'Add',
       // })
-      uni.navigateTo({url: './add'})
+      uni.navigateTo({url: './addPrisonUser'})
     },
     idNumberInit(idNumber) {
       if(!idNumber) {
@@ -189,6 +188,19 @@ export default {
         this.userList[index].check = true
       }
 
+    },
+    toEdit(row) {
+      // uni.navigateTo({url: './add'})
+    },
+    del(row) {
+      this.$confirm('确定删除该数据?').then(() => {
+        // this.$http.post(`/app/appzyvideobroadcast/getBroadcastRecall?broadcastId=${id}`).then((res) => {
+        //   if (res.code == 0) {
+        //     this.$u.toast('撤回成功！')
+        //     this.getList()
+        //   }
+        // })
+      })
     }
   }
 }
@@ -298,7 +310,6 @@ export default {
         width: 33%;
         padding: 40px 0;
         text-align: center;
-
         h3{
           font-size: 64px;
           font-family: DINAlternate-Bold, DINAlternate;
@@ -315,17 +326,6 @@ export default {
           line-height: 40px;
         }
       }
-
-      .num {
-        display: flex;
-        justify-content:space-between;
-        float: none;
-        width: 100%;
-        height: 60px;
-        line-height: 60px;
-        padding: 0 30px;
-        box-sizing: border-box;
-      }
     }
     .color-org{
       .num-item{
@@ -376,24 +376,23 @@ export default {
         }
         .user-info{
           width: 100%;
-          .user-tel {
-            display: flex;
-            justify-content: space-between;
-
-            .name{
+          .name{
             font-size: 32px;
             font-family: PingFangSC-Medium, PingFang SC;
             font-weight: 500;
             color: #333;
             line-height: 44px;
             margin-bottom: 8px;
-            }
-
-            .tel {
-              color: #999;
+            .btn-icon{
+              float: right;
+              img{
+                width: 48px;
+                height: 48px;
+                margin-left: 40px;
+                vertical-align: baseline;
+              }
             }
           }
-          
           .phone{
             width: 100%;
             font-size: 26px;
@@ -402,12 +401,6 @@ export default {
             line-height: 36px;
             display: flex;
             justify-content: space-between;
-
-            .edit,
-            .del {
-              padding: 0 20px;
-              color: #2197f2;
-            }
           }
         }
       }