From f62eeee2207bfeb25f3b23877b5f15e1836e3adb Mon Sep 17 00:00:00 2001
From: shijingjing <1789544664@qq.com>
Date: Fri, 25 Feb 2022 15:15:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9B=BA=E5=AE=9A=E6=90=9C=E7=B4=A2=E6=A1=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AppIntegralAudit/AppIntegralAudit.vue     | 49 +++++++++----------
 .../AppVillagersCircle/AppVillagersCircle.vue |  4 --
 src/apps/AppVillagersCircle/commentList.vue   | 44 ++++++++---------
 src/apps/AppVillagersCircle/infoList.vue      | 43 ++++++++--------
 4 files changed, 65 insertions(+), 75 deletions(-)

diff --git a/src/apps/AppIntegralAudit/AppIntegralAudit.vue b/src/apps/AppIntegralAudit/AppIntegralAudit.vue
index 65e18dbb..b16883d2 100644
--- a/src/apps/AppIntegralAudit/AppIntegralAudit.vue
+++ b/src/apps/AppIntegralAudit/AppIntegralAudit.vue
@@ -1,36 +1,33 @@
 <template>
-  <div class="AppIntegralAudit">
+  <div class="AppIntegralAudit" v-if="flag">
     <!-- tab栏 -->
-    <div class="tab-select">
-      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
-    </div>
-    <!-- 列表 -->
-    <div>
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
+      <div class="tab-select">
+        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
+      </div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ type? type : '积分类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入关键字" v-model="keyword" :show-action="false" @search="search" @clear="getList()"/>
       </div>
-
-      <div class="card-list"  v-if="integralList.length">
-        <div class="card-item" @click="toDetail(item)" v-for="(item,index) in integralList" :key="index">
-          <div class="card-title">{{ item.description }}</div>
-          <div class="card-name">
-            <div class="name">{{ $dict.getLabel('atWillReportType',item.applyIntegralType) }}</div>
-            <div class="time">{{ item.createTime }}</div>
-          </div>
-          <div class="card-type">
-            <div class="type" :style="{color: item.auditStatus==0? '#4181FF':item.auditStatus==1? '#07c160' : '#dd5347'}">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
-            <div class="num" v-if="item.auditIntegral">{{ item.auditIntegral }}</div>
-          </div>
+    </div>
+    <!-- 列表 -->
+    <div class="card-list"  v-if="integralList.length">
+      <div class="card-item" @click="toDetail(item)" v-for="(item,index) in integralList" :key="index">
+        <div class="card-title">{{ item.description }}</div>
+        <div class="card-name">
+          <div class="name">{{ $dict.getLabel('atWillReportType',item.applyIntegralType) }}</div>
+          <div class="time">{{ item.createTime }}</div>
+        </div>
+        <div class="card-type">
+          <div class="type" :style="{color: item.auditStatus==0? '#4181FF':item.auditStatus==1? '#07c160' : '#dd5347'}">{{ $dict.getLabel('integralDeclareStatus',item.auditStatus) }}</div>
+          <div class="num" v-if="item.auditIntegral">{{ item.auditIntegral }}</div>
         </div>
       </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
-
-      <u-select v-model="showType" :list="$dict.getDict('atWillReportType')" label-name="dictName" value-name="dictValue"
-              @confirm="confirmTypeSelect"/>
-      <div style="height: 20px"></div>
     </div>
-    
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
+    <u-select v-model="showType" :list="$dict.getDict('atWillReportType')" label-name="dictName" value-name="dictValue"
+            @confirm="confirmTypeSelect"/>
+    <div style="height: 20px"></div>
   </div>
 </template>
 
@@ -49,6 +46,7 @@ export default {
       integralList: [],
       type: '',
       applyIntegralType: '',  // 积分类型
+      flag: false,
     }
   },
   created() {   
@@ -83,6 +81,7 @@ export default {
         if(res?.data){
           this.integralList = this.current > 1 ? [...this.integralList, ...res.data.records] : res.data.records
           this.$forceUpdate()
+          this.flag = true
         } 
       })
     },
@@ -160,7 +159,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;
 
diff --git a/src/apps/AppVillagersCircle/AppVillagersCircle.vue b/src/apps/AppVillagersCircle/AppVillagersCircle.vue
index 8b257d77..3dd927b5 100644
--- a/src/apps/AppVillagersCircle/AppVillagersCircle.vue
+++ b/src/apps/AppVillagersCircle/AppVillagersCircle.vue
@@ -39,10 +39,6 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-uni-page-body {
-  height: 100%!important;
-  background-color: #fff!important;
-}
 .AppVillagersCircle{
   height: 100%;
   padding-top: 16px;
diff --git a/src/apps/AppVillagersCircle/commentList.vue b/src/apps/AppVillagersCircle/commentList.vue
index b627afdb..3e62c6d1 100644
--- a/src/apps/AppVillagersCircle/commentList.vue
+++ b/src/apps/AppVillagersCircle/commentList.vue
@@ -1,36 +1,34 @@
 <template>
   <div class="commentList">
     <!-- tab栏 -->
-    <div class="tab-select">
-      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
-    </div>
-    <!-- 全部 -->
-    <div>
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
+      <div class="tab-select">
+        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
+      </div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入发布内容/评论人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
-
-      <div class="card-list" v-if="data.length">
-        <div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
-          <div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
-          <div class="card-name">
-            <div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
-            <div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
-          </div>
-          <div class="card-type">
-            <div class="comment">
-              <span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
-            </div>
-            <div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
+    </div>
+    <!-- 列表 -->
+    <div class="card-list" v-if="data.length">
+      <div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
+        <div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
+        <div class="card-name">
+          <div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
+          <div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
+        </div>
+        <div class="card-type">
+          <div class="comment">
+            <span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
           </div>
+          <div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
         </div>
       </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
-
-      <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
-              @confirm="confirmTypeSelect"/>
     </div>
+    <AiEmpty description="暂无数据" class="emptyWrap" v-else style="padding-top: 100px;"></AiEmpty>
+    <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
+            @confirm="confirmTypeSelect"/>
   </div>
 </template>
 
@@ -158,7 +156,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;
 
diff --git a/src/apps/AppVillagersCircle/infoList.vue b/src/apps/AppVillagersCircle/infoList.vue
index a57c6804..e7bfa662 100644
--- a/src/apps/AppVillagersCircle/infoList.vue
+++ b/src/apps/AppVillagersCircle/infoList.vue
@@ -1,35 +1,32 @@
 <template>
   <div class="infoList">
     <!-- tab栏 -->
-    <div class="tab-select">
-      <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
-    </div>
-
-    <!-- 全部 -->
-    <div>
+    <div style="position: fixed; top: 0; left: 0;width: 100%;">
+      <div class="tab-select">
+        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(index)">{{item}}<span></span></div>
+      </div>
       <div class="search-box">
         <div class="integral-types" @click="showType = true">{{ topicType? topicType:'话题类型' }}<u-icon name="arrow-down"></u-icon></div>
         <u-search placeholder="请输入标题/发布人" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
-
-      <div class="card-list" v-if="villagerList.length">
-        <div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
-          <div class="card-title">{{ item.content }}</div>
-          <div class="card-name">
-            <div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
-            <div class="time">{{ item.createTime }}</div>
-          </div>
-          <div class="card-type">
-            <div>{{ item.createUserName }}</div>
-            <div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
-          </div>
+    </div>
+    <!-- 列表 -->
+    <div class="card-list" v-if="villagerList.length">
+      <div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
+        <div class="card-title">{{ item.content }}</div>
+        <div class="card-name">
+          <div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
+          <div class="time">{{ item.createTime }}</div>
+        </div>
+        <div class="card-type">
+          <div>{{ item.createUserName }}</div>
+          <div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
         </div>
       </div>
-      <AiEmpty description="暂无数据" class="emptyWrap" v-else></AiEmpty>
-
-      <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
-              @confirm="confirmTypeSelect"/>
     </div>
+    <AiEmpty description="暂无数据" class="emptyWrap" style="padding-top:100px" v-else></AiEmpty>
+    <u-select v-model="showType" :list="list" label-name="dictName" value-name="dictValue"
+            @confirm="confirmTypeSelect"/>
   </div>
 </template>
 
@@ -155,7 +152,7 @@ export default {
 
   .card-list {
     width: 100%;
-    padding: 0 32px;
+    padding: 200px 32px 0 32px;
     box-sizing: border-box;
     background: #f5f5f5;