ui修改
parent
8d2c94afe2
commit
48d6a39bdb
|
|
@ -14,6 +14,7 @@
|
|||
<view
|
||||
v-for="(item, index) in messageList"
|
||||
:key="index"
|
||||
@click="gotoDevice(item)"
|
||||
class="message-item"
|
||||
>
|
||||
<!-- 时间标签 -->
|
||||
|
|
@ -32,14 +33,14 @@
|
|||
<view class="champion-card">
|
||||
<view class="sender-info">
|
||||
<image class="avatar" :src="item.avatar" mode="aspectFill"></image>
|
||||
<text class="sender-text">{{ item.sender }} 夺得{{ item.date }}日排行榜冠军</text>
|
||||
<text class="sender-text">{{ item.showTips }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="empty__item tn-margin-top" v-else>
|
||||
<tn-empty icon="https://resource.tuniaokj.com/images/empty/alien/2.png"
|
||||
text="空空如也" :imgWidth="200"
|
||||
text="近7天暂无消息,可下拉查看历史消息" :imgWidth="200"
|
||||
:imgHeight="200"></tn-empty>
|
||||
</view>
|
||||
</view>
|
||||
|
|
@ -56,20 +57,15 @@ export default {
|
|||
type: 'champion',
|
||||
avatar: 'https://picsum.photos/id/237/60/60',
|
||||
sender: '王冕',
|
||||
date: '03月26'
|
||||
showTips: '03月26日排行榜冠军,恭喜你!'
|
||||
},
|
||||
{
|
||||
time: '2026-03-25 22:19:00',
|
||||
type: 'step',
|
||||
rank: 71,
|
||||
steps: 6084
|
||||
showTips: '03月25日排行榜冠军,恭喜你!'
|
||||
},
|
||||
{
|
||||
time: '2026-03-16 22:19:00',
|
||||
type: 'champion',
|
||||
avatar: 'https://picsum.photos/id/237/60/60',
|
||||
sender: '王冕',
|
||||
date: '03月25'
|
||||
showTips: '03月25日排行榜冠军,恭喜你!'
|
||||
},
|
||||
{
|
||||
time: '2026-03-26 05:36:00',
|
||||
|
|
@ -161,6 +157,19 @@ export default {
|
|||
// 结束刷新状态
|
||||
this.refreshing = false;
|
||||
}, 800);
|
||||
},
|
||||
gotoDevice(item) {
|
||||
this.$modal.msg("暂未开放!");
|
||||
return;
|
||||
var agri = JSON.stringify(
|
||||
{
|
||||
imei:item.imei,
|
||||
agriName:item.agriName,
|
||||
agriId:item.id,
|
||||
workMode: item.workMode
|
||||
}
|
||||
);
|
||||
this.$tab.navigateTo('/pages/home/control/index?agriInfo='+encodeURIComponent(agri))
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<view class="message-page">
|
||||
<!-- 消息列表 -->
|
||||
<scroll-view scroll-y class="message-list">
|
||||
<scroll-view scroll-y class="message-list" v-if="messageList.length>0">
|
||||
<view
|
||||
v-for="(item, index) in messageList"
|
||||
:key="index"
|
||||
|
|
@ -33,6 +33,11 @@
|
|||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="empty__item tn-margin-top" v-else>
|
||||
<tn-empty icon="https://resource.tuniaokj.com/images/empty/alien/2.png"
|
||||
text="近7天暂无消息,可下拉查看历史消息" :imgWidth="200"
|
||||
:imgHeight="200"></tn-empty>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@
|
|||
</view>
|
||||
|
||||
<!-- 公告列表 -->
|
||||
<scroll-view scroll-y class="notice-list">
|
||||
<scroll-view scroll-y class="notice-list" v-if="noticeList.length>0">
|
||||
<view
|
||||
v-for="(item, index) in noticeList"
|
||||
:key="index"
|
||||
|
|
@ -50,6 +50,11 @@
|
|||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="empty__item tn-margin-top" v-else>
|
||||
<tn-empty icon="https://resource.tuniaokj.com/images/empty/alien/2.png"
|
||||
text="暂无公告" :imgWidth="200"
|
||||
:imgHeight="200"></tn-empty>
|
||||
</view>
|
||||
|
||||
<uni-popup ref="showNotice" mode="center" >
|
||||
<!-- 新增:修改运行时间的弹窗 -->
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@
|
|||
</view>
|
||||
|
||||
<!-- 视频列表(带时间轴) -->
|
||||
<scroll-view scroll-y class="video-list">
|
||||
<scroll-view scroll-y class="video-list" v-if="videoList.length>0">
|
||||
<view
|
||||
v-for="(item, index) in videoList"
|
||||
:key="index"
|
||||
|
|
@ -56,7 +56,7 @@
|
|||
</view>
|
||||
|
||||
<!-- 视频卡片 -->
|
||||
<view class="video-card">
|
||||
<view class="video-card" @click="gotoDetail(item)">
|
||||
<view class="video-info">
|
||||
<text class="device-name">{{ item.device }}</text>
|
||||
<text class="event-type">{{ item.event }}</text>
|
||||
|
|
@ -66,6 +66,11 @@
|
|||
</view>
|
||||
</view>
|
||||
</scroll-view>
|
||||
<view class="empty__item tn-margin-top" v-else>
|
||||
<tn-empty icon="https://resource.tuniaokj.com/images/empty/alien/2.png"
|
||||
text="暂无视频" :imgWidth="200"
|
||||
:imgHeight="200"></tn-empty>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
|
|
@ -157,9 +162,15 @@ export default {
|
|||
const w = ['日', '一', '二', '三', '四', '五', '六'];
|
||||
const t = new Date();
|
||||
return Array.from({length: 7}, (_, i) => {
|
||||
const d = new Date(t); d.setDate(t.getDate()-6+i);
|
||||
const d = new Date(t);
|
||||
d.setDate(t.getDate() - 6 + i);
|
||||
return {week: w[d.getDay()], day: i === 6 ? '今' : d.getDate() + '', active: i === 6}
|
||||
})
|
||||
},
|
||||
gotoDetail(item) {
|
||||
// 更新已读
|
||||
this.$modal.msg("暂未开放!");
|
||||
return;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue