From 0b2357a173a2bc52f3532bfcf93ff31daf226231 Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期三, 06 九月 2023 14:44:23 +0800 Subject: [PATCH] 导航栏退出登录 --- pages/tabBar/current/current.vue | 93 ++++++++++++++++++++++++++++------------------ 1 files changed, 57 insertions(+), 36 deletions(-) diff --git a/pages/tabBar/current/current.vue b/pages/tabBar/current/current.vue index 89a9100..f6015aa 100644 --- a/pages/tabBar/current/current.vue +++ b/pages/tabBar/current/current.vue @@ -6,8 +6,11 @@ <view class="statusBar" :style="{ paddingTop: statusBarHeight + 'px' }"></view> <!-- 真正的导航栏内容 --> <view class="navBar"> - <u-icon style=" margin-left: -25px;" name="arrow-left" color="black" size="17" @click="goBack" /> + <u-icon style=" margin-left: 13px;" name="arrow-left" color="black" size="17" @click="goBack" v-if="role!='工作人员'" /> <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'> @@ -42,34 +45,25 @@ </view> <view style="display: flex;flex-direction: column;margin-bottom: 55px;"> <view class="examineList"> -<!-- <view class="listContent" v-if="InfoList.length > 0">--> <scroll-view :scroll-top="scrollTop" scroll-y="true" class="listContent" @scrolltoupper="upper" v-if="InfoList.length > 0" @scrolltolower="lower" @scroll="scroll" lower-threshold="50"> - <view v-for="(item, index) in InfoList" :key="index" class="itemContent"> + <view v-for="(item, index) in InfoList" :key="index" class="itemContent" @click="toDetail(item)"> <view class="content"> - <text>[{{item.colorContent}}]</text> - <text>{{item.title}},{{item.content}}</text> - <view class="btnGroup" style="float: right;"> + <text class="tit">[{{item.colorContent}}]{{item.title}}</text><br> + <text class="cont">{{item.content}}</text> + <view class="btnGroup"> + <text style="font-size: 14px;">发送 {{item.responseSum}} 人,叫应 {{item.responseNum}} 人</text> <u-button - size="mini" - style="background-color:rgb(255, 223, 37);color: white;width: 100px;margin: 3px 8px;" - @click="toDetail(item)" + size="medium" + style="background-color:rgb(17, 204, 33);color: white;width: 100px;margin: 0;font-size: 13px;height: 30px;" + @click.native.stop="toResponsivity(item)" > - 信息详情 + 叫应率 {{item.responsesRate}} </u-button> - <u-button - size="mini" - style="background-color:rgb(17, 204, 33);color: white;width: 100px;" - @click="toResponsivity(item)" - > - 查看叫应率 - </u-button> - </view> </view> </view> </scroll-view> -<!-- </view>--> <view v-else> <u-empty margin-top="40%" text="数据为空" mode="data"></u-empty> </view> @@ -125,6 +119,7 @@ selectedSaleAnalysis: 'all', InfoList: [], unitType: null, + role:'', } }, onLoad() { @@ -135,10 +130,18 @@ uni.hideTabBar(); }, onShow() { + this.role = uni.getStorageSync('roleName'); this.data.pageIndex = 1 this.getInfoList(); }, methods: { + loginOut() { + uni.clearStorageSync(); + uni.clearStorage(); + uni.navigateTo({ + url: '/pages/index/index' + }) + }, goBack() { uni.switchTab({ url:'/pages/tabBar/firstPage/firstPage' @@ -175,6 +178,7 @@ this.getInfoList(); }, toDetail(item) { + item.responsesRate = item.responsesRate.replace(/%/g, '%25'); uni.navigateTo({ url: `/pages/tabBar/notice/detail?data=` + encodeURIComponent(JSON.stringify(item)) }) @@ -200,6 +204,8 @@ uni.navigateTo({ url: `/pages/tabBar/responsivity/countyResponsivity?data=` + encodeURIComponent(JSON.stringify(res.data)) }) + }else{ + uni.$u.toast(res.msg) } }) }, @@ -221,7 +227,7 @@ }, lower: function(e) { if (this.data.pageIndex * this.data.pageSize >= this.total){ - uni.$u.toast('已加载全部数据') + // uni.$u.toast('已加载全部数据') return } //并且让页码+1,调用获取数据的方法获取第二页数据 @@ -376,42 +382,57 @@ display: flex; align-items: center; } +.examineList{ + margin-top: 12px; + height: calc(100vh - 246px); + overflow: hidden; + overflow-y: scroll; +} .listContent{ display: flex; flex-direction: column; width: calc(100% - 24px); margin: 0 12px; + // margin-bottom: 30px; background: #fff; border-radius: 5px; box-shadow: 0 3px 12px rgba(0,0,0,0.05); height: 100%; } .itemContent{ - font-size: 16px; color: #333; + font-size: 16px; margin-top: 15px; padding: 0 12px 10px; border-bottom: 1px solid #ebebeb; - } .content{ - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; + .tit{ + width: 100%; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + } + .cont{ + width: 100%; + font-size: 14px; + color: #666; + display: block; + text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + margin-bottom: 6px; + } + .btnGroup{ + width: 100%; + display: flex; + justify-content: space-between; + } } .buttonCo{ margin-top: 5px; margin-bottom: 10px; } -.examineList{ - margin-top: 12px; - height: calc(100vh - 266px); - overflow: hidden; - overflow-y: scroll; -} -.btnGroup{ - display: flex; - align-items: center; - justify-content: flex-end; -} + + </style> \ No newline at end of file -- Gitblit v1.9.2