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