admin/RentWeAppFront
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

暂时提交

Browse Source
This commit is contained in:
RuicyWu
2026-07-24 10:46:00 +08:00
parent 070f3bab4f
commit 9bf70e785e
15 changed files with 1133 additions and 630 deletions
Download Patch File Download Diff File Expand all files Collapse all files

157
pages/index/index.vue
View File

@@ -1,7 +1,7 @@
<template>
<view class="index">
<image :src="staticHost + '/public/static/index/index_bg.png'" mode="aspectFill" class="bg"></image>
<float-guide :initX="280" :initY="400" :videoSrc="staticHost + '/public/static/index/guide.mp4'" />
<!-- <float-guide :initX="280" :initY="400" :videoSrc="staticHost + '/public/static/index/guide.mp4'" /> -->
<!-- 搜索栏 -->
<view class="index-title" :style="{ top: capsuleTop + 'px', height: capsuleHeight + 'px', lineHeight: capsuleHeight + 'px' }">
新望资产
@@ -301,44 +301,83 @@
if (this.loadStatus !== 'more') return;
this.loadStatus = 'loading';
let recommendType = this.recommendTabs[this.activeRecommendTab].type;
let layoutList = this.activeFilterTabs.map(i => this.filterTabs[i].value);
this.$u.post('/assets/queryPage', {
assetsType: type,
pageNo: this.pageNo,
pageSize: this.pageSize,
assetsStatus: '闲置中',
recommendType: recommendType,
layout: layoutList.length > 0 ? layoutList.join(',') : null
}).then(result => {
let rows = result.data.result || [];
if (this.pageNo === 1 && rows.length === 0) {
this.flowList = [];
this.loadStatus = 'nomore';
return;
}
rows.forEach(row => {
if (row.coverImgUrl) {
row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
} else {
row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
}
})
this.flowList = this.flowList.concat(rows);
if (rows.length < this.pageSize) {
this.loadStatus = 'nomore';
} else {
this.pageNo++;
this.loadStatus = 'more';
}
// TODO: 接口联调时取消注释，删除 mock 数据
// let recommendType = this.recommendTabs[this.activeRecommendTab].type;
// let layoutList = this.activeFilterTabs.map(i => this.filterTabs[i].value);
// this.$u.post('/assets/queryPage', {
// assetsType: type,
// pageNo: this.pageNo,
// pageSize: this.pageSize,
// assetsStatus: '闲置中',
// recommendType: recommendType,
// layout: layoutList.length > 0 ? layoutList.join(',') : null
// }).then(result => {
// let rows = result.data.result || [];
// if (this.pageNo === 1 && rows.length === 0) {
// this.flowList = [];
// this.loadStatus = 'nomore';
// return;
// }
// rows.forEach(row => {
// if (row.coverImgUrl) {
// row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
// } else {
// row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
// }
// })
// this.flowList = this.flowList.concat(rows);
// if (rows.length < this.pageSize) {
// this.loadStatus = 'nomore';
// } else {
// this.pageNo++;
// this.loadStatus = 'more';
// }
// }).catch(err => {
// console.log("获取资产信息失败：", err);
// this.loadStatus = 'more';
// }).finally(() => {
// uni.stopPullDownRefresh();
// });
}).catch(err => {
console.log("获取资产信息失败：", err);
this.loadStatus = 'more';
}).finally(() => {
// Mock 静态数据
const mockData = [
{
assetsNo: 'ASSET-001',
assetsName: '东山大道435-2-1-104号',
assetsType: '住宅',
footPrint: 120,
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
},
{
assetsNo: 'ASSET-002',
assetsName: '夷陵大道418号商铺',
assetsType: '商铺',
footPrint: 85,
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
},
{
assetsNo: 'ASSET-003',
assetsName: '解放路88号写字楼',
assetsType: '写字楼',
footPrint: 200,
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
},
{
assetsNo: 'ASSET-004',
assetsName: '沿江大道168号住房',
assetsType: '住宅',
footPrint: 95,
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl
}
];
setTimeout(() => {
if (this.pageNo === 1) this.flowList = [];
this.flowList = this.flowList.concat(mockData);
this.loadStatus = 'nomore';
uni.stopPullDownRefresh();
});
}, 500);
},
clickImage(assetsNo) {
console.log(assetsNo)
@@ -383,22 +422,30 @@
});
},
getNoticecList() {
let url = "/notice/pageQuery";
this.$u.post(url, {
pageNo: 1,
pageSize: 10
}).then(obj => {
if (obj.flag) {
let data = obj.data.result
if (data) {
data.filter(item => {
this.noticeList.push((item.noticeTitle || item.noticeContent))
})
}
}
}).catch(err => {
console.log("获取招商公告失败：", err)
});
// TODO: 接口联调时取消注释，删除 mock 数据
// let url = "/notice/pageQuery";
// this.$u.post(url, {
// pageNo: 1,
// pageSize: 10
// }).then(obj => {
// if (obj.flag) {
// let data = obj.data.result
// if (data) {
// data.filter(item => {
// this.noticeList.push((item.noticeTitle || item.noticeContent))
// })
// }
// }
// }).catch(err => {
// console.log("获取招商公告失败：", err)
// });
// Mock 静态数据
this.noticeList = [
'东山大道435号房屋招租公告',
'夷陵大道418号商铺招租',
'2026年第三季度资产招租计划'
];
},
onBannerTap(item) {
if (item.url) {
@@ -585,7 +632,7 @@
.filter-item.active {
background: #d4e2ef;
color: #258AE6;
color: #0088FE;
}
.demo-warter {
@@ -613,7 +660,7 @@
.item-price {
font-size: 32rpx;
color: #258AE6;
color: #0088FE;
margin-bottom: 10rpx;
}
@@ -669,7 +716,7 @@
width: 100%;
height: 88rpx;
line-height: 88rpx;
background: linear-gradient(135deg, #258AE6, #79b5ff);
background: linear-gradient(135deg, #0088FE, #79b5ff);
color: #fff;
font-size: 30rpx;
font-weight: 500;