优化用户体验当没有设备时,给出按钮跳转到设备租赁

This commit is contained in:
WindowBird 2025-08-22 16:33:20 +08:00
parent 5fc98a2007
commit ba1f2d16b9
2 changed files with 26 additions and 24 deletions

View File

@ -1,7 +1,11 @@
<template>
<view class="equipment-section">
<view class="section-title">{{ title }}</view>
<view class="equipment-list">
<view v-if="!equipmentList || equipmentList.length === 0" class="empty-state">
<text class="empty-text">目前暂无租赁设备</text>
<button @click="goToLease">去租赁设备</button>
</view>
<view v-else class="equipment-list">
<view
v-for="equipment in equipmentList"
:key="equipment.id"
@ -31,6 +35,8 @@
</template>
<script>
import lease from '../../pages/lease/lease.vue'
export default {
name: 'EquipmentList',
props: {
@ -64,11 +70,30 @@ export default {
onRenew(equipment) {
this.$emit('renew', equipment)
},
goToLease() {
uni.switchTab({
url: '/pages/lease/lease', // /
})
},
},
}
</script>
<style lang="scss" scoped>
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
button {
margin-top: 30rpx;
color: #fff;
background: #f15a04;
}
}
.equipment-section {
padding: 0 30rpx;
}

View File

@ -202,29 +202,6 @@ export default {
}
} catch (error) {
console.error('获取设备列表失败:', error)
// 使
this.equipmentList = [
{
id: 'default1',
name: '商用节能灶',
status: 'rented',
startTime: '2025-07-25 13:23:59',
endTime: '2026-07-25 13:23:59',
image: commonEnum.TEMP2,
isOnline: true,
typeId: '1', // ID
},
{
id: 'default2',
name: '节能燃烧器',
status: 'rented',
startTime: '2025-07-25 13:23:59',
endTime: '2026-07-25 13:23:59',
image: commonEnum.TEMP3,
isOnline: true,
typeId: '2', // ID
},
]
}
},