新闻资讯类重写

src/apps/AppServicePublic/AppServicePublic.vue

@@ -1,8 +1,13 @@
 <template>
   <div class="AppServicePublic">
+    <AiTopFixed v-if="tabs.length">
+      <div class="tab-select" @click="tabClick(item)">
+        <div class="item" :class="tabIndex == index ? 'active' : ''" v-for="(item, index) in tabs" :key="index" @click="tabClick(item)">{{item.categoryName}}<span></span></div>
+      </div>
+    </AiTopFixed>
     <div class="header-top">
       <div>区域选择</div>
-      <AiAreaPicker v-model="areaId" :areaId="areaId" @select="areaSelect"></AiAreaPicker>
+      <AiAreaPicker v-model="areaId" :areaId="user.areaId" @select="areaSelect"></AiAreaPicker>
     </div>
 
     <u-search class="serach_content" placeholder="请输入公开标题" :show-action="false" v-model="keyword" @clear="clearSearch" @search="search"></u-search>
@@ -10,16 +15,16 @@
     <template v-if="datas.length > 0">
       <AiCard v-for="(item, i) in datas" :key="i" @click.native="toAdd(item, 1)">
         <template #custom>
-          <div class="titles">{{ item.createUserName }}</div>
+          <div class="titles">{{ item.title }}</div>
 
           <div class="flex">
             <span class="left">
-              <span class="garydiv">财务公开</span>
-              <span class="times">2021-12-16</span>
+              <span class="garydiv" v-if="item.categoryName">{{item.categoryName}}</span>
+              <span class="times">{{item.createTime.substring(0, 10)}}</span>
             </span>
 
             <span class="right">
-              <span class="font">1111</span>
+              <span class="font">{{item.viewCount}}</span>
               <span>人看过</span>
             </span>
           </div>
@@ -66,7 +71,11 @@ export default {
       pages: 0,
       deletShow: false,
       deletId: '',
-      moduleId: ''
+      moduleId: '',
+      listName: '',
+      tabs: [],
+      tabIndex: 0,
+      categoryId: ''
     }
   },
   computed: {
@@ -80,27 +89,47 @@ export default {
   onLoad(o) {
     this.areaId = this.user.areaId
     this.moduleId = o.moduleId
+    this.listName = o.listName
+    this.getType()
     this.getList()
   },
   mounted() {},
   methods: {
-    getList() {
-      this.$http
-        .post('/app/appvisitvondolence/list', null, {
-          params: {
-            size: 6,
-            current: this.current,
-            areaId: this.areaId,
-            title: this.keyword,
-            moduleId: this.moduleId
-          },
-        })
-        .then((res) => {
-          if (res.code == 0) {
-            this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
-            this.pages = res.data.pages
+    getType() {
+      this.$http.post(`/app/appcontentmoduleinfo/listByName?names=${this.listName}`).then((res) => {
+        if (res.code == 0) {
+          if(res.data && res.data[0].categoryList.length) {
+            var all = [{
+              categoryName: '全部',
+              id: '',
+              showIndex: 0,
+            }]
+            this.tabs = [...all, ... res.data[0].categoryList]
           }
-        })
+        }
+      })
+    },
+    tabClick(row) {
+      this.tabIndex = row.showIndex
+      this.categoryId = row.id
+    },
+    getList() {
+      this.$http.post('/app/appcontentinfo/list', null, {
+        params: {
+          size: 6,
+          current: this.current,
+          areaId: this.areaId,
+          title: this.keyword,
+          moduleId: this.moduleId,
+          categoryId: this.categoryId
+        },
+      })
+      .then((res) => {
+        if (res.code == 0) {
+          this.datas = this.current > 1 ? [...this.datas, ...res.data.records] : res.data.records
+          this.pages = res.data.pages
+        }
+      })
     },
 
     areaSelect(e) {
@@ -111,15 +140,15 @@ export default {
     toAdd(item, type) {
       if (type == '1') {
         console.log('详情')
-        uni.navigateTo({ url: `./Detail?id=${item.id}` })
+        uni.navigateTo({ url: `./Detail?id=${item.id}&listName=${this.listName}` })
       }
       if (type == '2') {
         console.log('编辑')
-        uni.navigateTo({ url: `./Add?id=${item.id}` })
+        uni.navigateTo({ url: `./Add?id=${item.id}&moduleId=${this.moduleId}&listName=${this.listName}` })
       }
       if (type == null) {
         console.log('添加')
-        uni.navigateTo({ url: `./Add?moduleId=${this.moduleId}` })
+        uni.navigateTo({ url: `./Add?moduleId=${this.moduleId}&listName=${this.listName}` })
       }
     },
 
@@ -148,6 +177,41 @@ export default {
 uni-page-body {
   height: 100%;
 }
+::v-deep .content{
+  padding: 0!important;
+}
+.tab-select{
+  width: 100%;
+  height: 96px;
+  line-height: 96px;
+  background: #3975C6;
+  display: flex;
+  .item{
+    flex: 1;
+    text-align: center;
+    font-size: 28px;
+    font-family: PingFangSC-Regular, PingFang SC;
+    color: #CDDCF0;
+  }
+  .active{
+    font-family: PingFangSC-Medium, PingFang SC;
+    font-weight: 500;
+    position: relative;
+    color: #fff;
+    span{
+      width: 48px;
+      height: 4px;
+      background: #FFF;
+      position: absolute;
+      bottom: 14px;
+      left: 50%;
+      margin-left: -24px;
+    }
+  }
+}
+.iconfont-iconMore{
+  margin-top: 8px;
+}
 .AppServicePublic {
   height: 100%;