From 42ea3c46c0982f6e424dd75a51785a90fd45621d Mon Sep 17 00:00:00 2001
From: liuye <liuye@sinoecare.com>
Date: Fri, 14 Jan 2022 16:51:17 +0800
Subject: [PATCH] 26775

---
 .../AppEpidemicSituation/BackUserList.vue     | 77 +++++++++++--------
 1 file changed, 47 insertions(+), 30 deletions(-)

diff --git a/src/apps/AppEpidemicSituation/BackUserList.vue b/src/apps/AppEpidemicSituation/BackUserList.vue
index 88a28eb9..b206e8e5 100644
--- a/src/apps/AppEpidemicSituation/BackUserList.vue
+++ b/src/apps/AppEpidemicSituation/BackUserList.vue
@@ -1,38 +1,40 @@
 <template>
   <div class="BackUserList">
-    <div class="header">
-      <div class="tab-item">
-        <h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
-        <p>返乡人员</p>
+    <AiTopFixed>
+      <div class="header">
+        <div class="tab-item">
+          <h2 style="color:#2C51CE;">{{totalInfo.total}}</h2>
+          <p>返乡人员</p>
+        </div>
+        <div class="tab-item">
+          <h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
+          <p>今日返乡</p>
+        </div>
+        <div class="tab-item">
+          <h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
+          <p>今日异常</p>
+        </div>
+        <div class="tab-item">
+          <h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
+          <p>异常处理</p>
+        </div>
       </div>
-      <div class="tab-item">
-        <h2 style="color:#5AAD6A;">{{totalInfo.today}}</h2>
-        <p>今日返乡</p>
+      <div class="search">
+        <div class="left">
+          <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
+            <u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
+            <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
+            <span v-else>请选择</span>
+            <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
+          </AiAreaPicker>
+        </div>
+        <u-search v-model="name" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
       </div>
-      <div class="tab-item">
-        <h2 style="color:#F5A319;">{{totalInfo.todayUnusual}}</h2>
-        <p>今日异常</p>
+      <div class="tab-select">
+        <div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
+        <div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">异常人员<span></span></div>
       </div>
-      <div class="tab-item">
-        <h2 style="color:#CD413A;border-right:0;">{{totalInfo.release}}</h2>
-        <p>异常处理</p>
-      </div>
-    </div>
-    <div class="search">
-      <div class="left">
-        <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect" :name.sync="areaName" style="color: #666">
-          <u-icon name="map-fill" color="#3192F4" size="20px" style="vertical-align: text-bottom"></u-icon>
-          <span style="margin-left: 4px" v-if="areaName">{{ areaName }}</span>
-          <span v-else>请选择</span>
-          <u-icon name="arrow-down" color="#666" size="28" style="margin-left: 4px" />
-        </AiAreaPicker>
-      </div>
-      <u-search v-model="name" :clearabled="true" placeholder="请输入姓名" :show-action="false" bg-color="#F5F5F5" search-icon-color="#999" color="#999" height="58" @search="getListInit" @clear="name='',getListInit"></u-search>
-    </div>
-    <div class="tab-select">
-      <div class="item" :class="!tabIndex ? 'active' : ''" @click="tabClick(0)">返乡人员<span></span></div>
-      <div class="item" :class="tabIndex ? 'active' : ''" @click="tabClick(1)">异常人员<span></span></div>
-    </div>
+    </AiTopFixed>
     <div class="user-list">
       <div class="item" @click="toUser(item)" v-for="(item,index) in list" :key="index">
         <h2 class="name">{{item.name}}<span class="status" v-if="item.status == 0">有异常</span></h2>
@@ -233,5 +235,20 @@ export default {
       }
     }
   }
+  ::v-deep .AiTopFixed {
+    .placeholder {
+      .content {
+        padding: 0 !important;
+       
+      }
+    }
+    .fixed {
+      margin: 0 !important;
+      background-color: #f5f5f5!important;
+      .content {
+        padding: 0 !important;
+      }
+    }
+  }
 }
 </style>