页面跳转修改

zhouwenxuan

2023-11-15 f5d67b69142c78be1ee996f53b6bb8e4c954761c

 pages/tabBar/information/information.vue

@@ -7,6 +7,9 @@
         <!-- 真正的导航栏内容 -->
         <view class="navBar" >
            <view class="barText">信息发布</view>
            <view >
               <u-button type="text" @click="loginOut" style="color: blue;margin-right: 5px;">退出</u-button>
            </view>
         </view>
      </view>
    <div v-if="loading" style='display: flex;justify-content: center;position: absolute;width:100%;top: 40%;left: 0'>
@@ -14,43 +17,43 @@
    </div>
      <!-- 页面内容 -->
      <view class="contentList">
         <view class="examineList">
            <view class="listHead">
               <u-checkbox-group >
                  <u-checkbox v-model="isReadOnly" :checked="isReadOnly" @change="chooseRead"></u-checkbox>只显示审核通过
               </u-checkbox-group>
            </view>
<!--            <view class="listContent" v-if="informationList.length > 0">-->
          <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="informationList.length > 0"
         <view style="display: flex;flex-direction: column;margin-bottom: 55px;">
            <view class="examineList">
            <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="informationList.length > 0"
                       @scrolltolower="lower" @scroll="scroll" lower-threshold="50">
               <view v-for="(item, index) in informationList" :key="index" class="itemContent">
                  <view class="content" @click="toDetail(item)">
              <view class="top">
                <view class="textContent">
                  <text>[{{item.colorContent}}]</text>
                  <text>{{item.title}}</text>
                </view>
                <view class="buttonContent">
                  <u-button v-if="item.buttonContent == '审核通过'" size="mini" class="buttonCo" style="background-color:rgb(17, 204, 33);color: white">
                    {{item.buttonContent}}
                  </u-button>
                  <u-button v-else-if="item.buttonContent == '已驳回'" size="mini" class="buttonCo" style="background-color:rgb(153, 148, 143);color: white">
                    {{item.buttonContent}}
                  </u-button>
                  <u-button v-else type="error" size="mini" class="buttonCo">
                    {{item.buttonContent}}
                  </u-button>
                </view>
              </view>
              <view class="bottom">
                {{item.content}}
              </view>
                 <view class="top">
                  <view class="textContent">
                    <text>[{{item.colorContent}}]</text>
                    <text>{{item.title}}</text>
                  </view>
               </view>
          </scroll-view>
<!--            </view>-->
                  <view class="buttonContent">
                    <u-button v-if="item.buttonContent == '审核通过'" size="mini" class="buttonCo" style="background-color:rgb(17, 204, 33);color: white">
                     {{item.buttonContent}}
                    </u-button>
                    <u-button v-else-if="item.buttonContent == '已驳回'" size="mini" class="buttonCo" style="background-color:rgb(153, 148, 143);color: white">
                     {{item.buttonContent}}
                    </u-button>
                    <u-button v-else type="error" size="mini" class="buttonCo">
                     {{item.buttonContent}}
                    </u-button>
                  </view>
                 </view>
                 <view class="bottom">
                  {{item.content}}
                 </view>
                        </view>
                     </view>
              </scroll-view>
            <view v-else>
               <u-empty margin-top="40%" text="数据为空" mode="data"></u-empty>
            </view>
            </view>
         </view>
      </view>
@@ -94,6 +97,13 @@
         this.getInformationList();
      },
      methods: {
         loginOut() {
            uni.clearStorageSync();
            uni.clearStorage();
            uni.navigateTo({
               url: '/pages/index/index'
            })
         },
         getInformationList() {
        this.loading = true
            this.data.searchParams.reviewStatus = this.isReadOnly ? 2 : null;
@@ -127,6 +137,7 @@
         },
         toDetail(item) {
            console.log("item",item)
            uni.setStorageSync('backFlag','info');
            uni.navigateTo({
              url: `/pages/tabBar/notice/detail?data=` + encodeURIComponent(JSON.stringify(item))
            })
@@ -145,7 +156,7 @@
      },
      lower: function(e) {
        if (this.data.pageIndex * this.data.pageSize >= this.total){
          uni.$u.toast('已加载全部数据')
          // uni.$u.toast('已加载全部数据')
          return
        }
        //并且让页码+1,调用获取数据的方法获取第二页数据
@@ -199,11 +210,11 @@
.statusBar{
   background-color:lightgrey;
}
.contentList{
   display: flex;
   flex-direction: column;
  padding-bottom: 65px;
}
// .contentList{
//    display: flex;
//    flex-direction: column;
//   padding-bottom: 65px;
// }

.buttonGroup{
   margin: 18px 12px;
@@ -274,7 +285,12 @@
  box-shadow: 0 3px 12px rgba(0,0,0,0.05);
  height: calc(100vh - 162px);
}

.examineList{
  // margin-top: 12px;
  height: calc(100vh - 200px);
  overflow: hidden;
  overflow-y: scroll;
}

.itemContent{
  font-size: 16px;