mirror of
http://36.133.248.69:3088/admin/RentWeAppFront.git
synced 2026-07-26 14:32:26 +08:00
暂时提交
This commit is contained in:
@@ -1,7 +1,14 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="HMfilterDropdown" :class="{'setDropdownBottom':maskVisibility}" :style="{'top':menuTop+'rpx'}"
|
<view class="HMfilterDropdown" :class="{'setDropdownBottom':maskVisibility}" :style="{
|
||||||
|
'top': menuTop+'rpx',
|
||||||
|
'--active-color': activeColor,
|
||||||
|
'--menu-text-color': menuTextColor,
|
||||||
|
'--submit-btn-bg': submitBtnBg,
|
||||||
|
'--submit-btn-color': submitBtnColor,
|
||||||
|
'--reset-btn-color': resetBtnColor
|
||||||
|
}"
|
||||||
@touchmove.stop.prevent="discard" @tap.stop="discard">
|
@touchmove.stop.prevent="discard" @tap.stop="discard">
|
||||||
<view class="nav">
|
<view class="nav" :style="{'background': navBgGradient}">
|
||||||
<block v-for="(item,index) in menu" :key="index">
|
<block v-for="(item,index) in menu" :key="index">
|
||||||
<view class="first-menu" :class="{'on':showPage==index}" @tap="togglePage(index)">
|
<view class="first-menu" :class="{'on':showPage==index}" @tap="togglePage(index)">
|
||||||
<text class="name">{{item.name}}</text>
|
<text class="name">{{item.name}}</text>
|
||||||
@@ -141,6 +148,36 @@
|
|||||||
dataFormat: {
|
dataFormat: {
|
||||||
value: String,
|
value: String,
|
||||||
default: 'Array'
|
default: 'Array'
|
||||||
|
},
|
||||||
|
// 导航栏背景渐变色
|
||||||
|
navBgGradient: {
|
||||||
|
type: String,
|
||||||
|
default: 'linear-gradient(-90deg, rgb(207,240,255), rgb(179,217,255) 0% 99%)'
|
||||||
|
},
|
||||||
|
// 激活/高亮颜色（选中状态、按钮等）
|
||||||
|
activeColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#f44336'
|
||||||
|
},
|
||||||
|
// 菜单文字默认颜色
|
||||||
|
menuTextColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#000000'
|
||||||
|
},
|
||||||
|
// 提交按钮背景色
|
||||||
|
submitBtnBg: {
|
||||||
|
type: String,
|
||||||
|
default: '#f44336'
|
||||||
|
},
|
||||||
|
// 提交按钮文字色
|
||||||
|
submitBtnColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#fff'
|
||||||
|
},
|
||||||
|
// 重置按钮文字色
|
||||||
|
resetBtnColor: {
|
||||||
|
type: String,
|
||||||
|
default: '#f44336'
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
watch: {
|
watch: {
|
||||||
@@ -578,23 +615,22 @@
|
|||||||
height: 44px;
|
height: 44px;
|
||||||
border-bottom: solid 1rpx #eee;
|
border-bottom: solid 1rpx #eee;
|
||||||
z-index: 12;
|
z-index: 12;
|
||||||
background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
|
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|
||||||
.first-menu {
|
.first-menu {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 15px;
|
font-size: 15px;
|
||||||
color: #000000;
|
color: var(--menu-text-color, #000000);
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
transition: color .2s linear;
|
transition: color .2s linear;
|
||||||
|
|
||||||
&.on {
|
&.on {
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -659,7 +695,7 @@
|
|||||||
>.iconfont {
|
>.iconfont {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -689,7 +725,7 @@
|
|||||||
border-bottom: solid 1rpx #e5e5e5;
|
border-bottom: solid 1rpx #e5e5e5;
|
||||||
|
|
||||||
&.on {
|
&.on {
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
|
|
||||||
>.menu-name {
|
>.menu-name {
|
||||||
>.iconfont {
|
>.iconfont {
|
||||||
@@ -712,12 +748,12 @@
|
|||||||
>.iconfont {
|
>.iconfont {
|
||||||
display: none;
|
display: none;
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&.on {
|
&.on {
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
|
|
||||||
>.menu-name {
|
>.menu-name {
|
||||||
>.iconfont {
|
>.iconfont {
|
||||||
@@ -751,7 +787,7 @@
|
|||||||
|
|
||||||
&.on {
|
&.on {
|
||||||
border-color: #f6c8ac;
|
border-color: #f6c8ac;
|
||||||
color: #f44336;
|
color: var(--active-color, #f44336);
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
@@ -792,8 +828,8 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
.on {
|
.on {
|
||||||
border-color: #f44336;
|
border-color: var(--active-color, #f44336);
|
||||||
background-color: #f44336;
|
background-color: var(--active-color, #f44336);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -829,18 +865,18 @@
|
|||||||
width: 320rpx;
|
width: 320rpx;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
border-radius: 42px;
|
border-radius: 42px;
|
||||||
border: 2rpx solid #f44336;
|
border: 2rpx solid var(--active-color, #f44336);
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.reset {
|
.reset {
|
||||||
color: #f44336;
|
color: var(--reset-btn-color, #f44336);
|
||||||
}
|
}
|
||||||
|
|
||||||
.submit {
|
.submit {
|
||||||
color: #fff;
|
color: var(--submit-btn-color, #fff);
|
||||||
background-color: #f44336;
|
background-color: var(--submit-btn-bg, #f44336);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -232,46 +232,78 @@
|
|||||||
const index = Math.floor(Math.random() * this.tagColors.length)
|
const index = Math.floor(Math.random() * this.tagColors.length)
|
||||||
return this.tagColors[index]
|
return this.tagColors[index]
|
||||||
},
|
},
|
||||||
// 模拟接口请求
|
// 加载资产详情
|
||||||
loadAssetDetail() {
|
loadAssetDetail() {
|
||||||
let url = `/assets/detail?id=${this.assetId}`
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
this.$u.get(url).then(result => {
|
// let url = `/assets/detail?id=${this.assetId}`
|
||||||
const data = result.data
|
// this.$u.get(url).then(result => {
|
||||||
this.asset = {
|
// const data = result.data
|
||||||
name: data.assetsName,
|
// this.asset = {
|
||||||
bizZone: data.bizZone,
|
// name: data.assetsName,
|
||||||
code: data.assetsNo,
|
// bizZone: data.bizZone,
|
||||||
type: data.assetsType,
|
// code: data.assetsNo,
|
||||||
area: data.footPrint,
|
// type: data.assetsType,
|
||||||
rent: data.rentFee,
|
// area: data.footPrint,
|
||||||
address: data.assetsAddress,
|
// rent: data.rentFee,
|
||||||
hasLift: data.hasLift,
|
// address: data.assetsAddress,
|
||||||
lat: data.latitude,
|
// hasLift: data.hasLift,
|
||||||
lng: data.longitude,
|
// lat: data.latitude,
|
||||||
unitNo: data.unitNo,
|
// lng: data.longitude,
|
||||||
roomNo: data.roomNo,
|
// unitNo: data.unitNo,
|
||||||
floorNo: data.floorNo,
|
// roomNo: data.roomNo,
|
||||||
description: data.assetsDesc,
|
// floorNo: data.floorNo,
|
||||||
detailImgs: data.detailImgs,
|
// description: data.assetsDesc,
|
||||||
layout: data.layout, //户型
|
// detailImgs: data.detailImgs,
|
||||||
orientation: data.orientation, //朝向
|
// layout: data.layout,
|
||||||
vrImgs: data.vrImgs,
|
// orientation: data.orientation,
|
||||||
remark: data.assetsDesc,
|
// vrImgs: data.vrImgs,
|
||||||
status: data.assetsStatus,
|
// remark: data.assetsDesc,
|
||||||
features: data.features
|
// status: data.assetsStatus,
|
||||||
};
|
// features: data.features
|
||||||
this.managerPhone = data.managerPhone
|
// };
|
||||||
this.markers = [{
|
// this.managerPhone = data.managerPhone
|
||||||
id: 1,
|
// this.markers = [{
|
||||||
latitude: this.asset.lat,
|
// id: 1,
|
||||||
longitude: this.asset.lng,
|
// latitude: this.asset.lat,
|
||||||
title: this.asset.name,
|
// longitude: this.asset.lng,
|
||||||
}, ];
|
// title: this.asset.name,
|
||||||
this.recordView(this.assetId);
|
// }, ];
|
||||||
}).catch(err => {
|
// this.recordView(this.assetId);
|
||||||
console.log("获取资产信息失败：", err)
|
// }).catch(err => {
|
||||||
})
|
// console.log("获取资产信息失败：", err)
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
this.asset = {
|
||||||
|
name: '东山大道435号房屋',
|
||||||
|
bizZone: 'CBD商圈',
|
||||||
|
code: 'ASSET-001',
|
||||||
|
type: '住宅',
|
||||||
|
area: 120,
|
||||||
|
rent: 2500,
|
||||||
|
address: '宜昌市西陵区东山大道435号',
|
||||||
|
hasLift: '有',
|
||||||
|
lat: 30.7086,
|
||||||
|
lng: 111.2842,
|
||||||
|
unitNo: '2单元',
|
||||||
|
roomNo: '104',
|
||||||
|
floorNo: '1层',
|
||||||
|
description: '精装修两居室，采光好，交通便利',
|
||||||
|
detailImgs: [],
|
||||||
|
layout: '2室1厅1卫',
|
||||||
|
orientation: '南',
|
||||||
|
vrImgs: [],
|
||||||
|
remark: '精装修两居室，采光好，交通便利，周边配套齐全',
|
||||||
|
status: '闲置中',
|
||||||
|
features: ['近地铁', '精装修', '拎包入住']
|
||||||
|
};
|
||||||
|
this.managerPhone = '13800138000'
|
||||||
|
this.markers = [{
|
||||||
|
id: 1,
|
||||||
|
latitude: this.asset.lat,
|
||||||
|
longitude: this.asset.lng,
|
||||||
|
title: this.asset.name,
|
||||||
|
}];
|
||||||
},
|
},
|
||||||
formatMoney(num) {
|
formatMoney(num) {
|
||||||
return Number(num).toLocaleString();
|
return Number(num).toLocaleString();
|
||||||
|
|||||||
@@ -86,7 +86,7 @@
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.fetchContractList()
|
this.fetchContractList()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
@@ -259,7 +259,7 @@
|
|||||||
.submit-btn {
|
.submit-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
|
background: #0088FE;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@@ -109,30 +109,63 @@
|
|||||||
const minutes = String(date.getMinutes()).padStart(2, '0');
|
const minutes = String(date.getMinutes()).padStart(2, '0');
|
||||||
return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
|
return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
|
||||||
},
|
},
|
||||||
// 👇 你的请求逻辑完全不动
|
// 加载退租申请列表
|
||||||
fetchApplys() {
|
fetchApplys() {
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
let url = '/discharge/queryPage'
|
|
||||||
this.$u.post(url, {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
pageNo: this.pageNo,
|
// let url = '/discharge/queryPage'
|
||||||
pageSize: this.pageSize
|
// this.$u.post(url, {
|
||||||
}, {
|
// pageNo: this.pageNo,
|
||||||
WT: this.$getToken()
|
// pageSize: this.pageSize
|
||||||
}).then(res => {
|
// }, {
|
||||||
const rows = res.data.result || [];
|
// WT: this.$getToken()
|
||||||
if (this.pageNo === 1) this.flowList = [];
|
// }).then(res => {
|
||||||
this.flowList = this.flowList.concat(rows);
|
// const rows = res.data.result || [];
|
||||||
if (rows.length < this.pageSize) {
|
// if (this.pageNo === 1) this.flowList = [];
|
||||||
this.loadStatus = 'nomore';
|
// this.flowList = this.flowList.concat(rows);
|
||||||
} else {
|
// if (rows.length < this.pageSize) {
|
||||||
this.pageNo++;
|
// this.loadStatus = 'nomore';
|
||||||
this.loadStatus = 'more';
|
// } else {
|
||||||
|
// this.pageNo++;
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// }
|
||||||
|
// }).catch(err => {
|
||||||
|
// console.log("获取退租申请信息失败：", err)
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
const mockData = [
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
contractName: '东山大道435号房屋租赁合同',
|
||||||
|
status: '申请中',
|
||||||
|
applyDate: '2026-06-15',
|
||||||
|
dischargeItem: '东山大道435-2-1-104号',
|
||||||
|
remark: '等待审批中'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
contractName: '夷陵大道418号房屋租赁合同',
|
||||||
|
status: '已批准',
|
||||||
|
applyDate: '2026-06-10',
|
||||||
|
dischargeItem: '夷陵大道418号',
|
||||||
|
remark: '已通过审批，请办理退租手续'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
contractName: '解放路88号房屋租赁合同',
|
||||||
|
status: '退租完成',
|
||||||
|
applyDate: '2026-05-20',
|
||||||
|
dischargeItem: '解放路88-1-502',
|
||||||
|
remark: '退租已完成，押金已退还'
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
];
|
||||||
console.log("获取退租申请信息失败：", err)
|
if (this.pageNo === 1) this.flowList = [];
|
||||||
this.loadStatus = 'more';
|
this.flowList = this.flowList.concat(mockData);
|
||||||
})
|
this.loadStatus = 'nomore';
|
||||||
},
|
},
|
||||||
// 👇 你的跳转 1 行没改
|
// 👇 你的跳转 1 行没改
|
||||||
toApply() {
|
toApply() {
|
||||||
@@ -180,8 +213,8 @@
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.checkOaAuth()
|
// this.checkOaAuth()
|
||||||
this.fetchApplys()
|
this.fetchApplys()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
@@ -235,17 +268,17 @@
|
|||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
|
|
||||||
&.done {
|
&.done {
|
||||||
background: #FCE5E0;
|
background: #0088FE;
|
||||||
color: #ED7748;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.pending {
|
&.pending {
|
||||||
background: #F2F3F7;
|
background: #FF8D1A;
|
||||||
color: #86868C;
|
color: #fff;
|
||||||
}
|
}
|
||||||
&.reject {
|
&.reject {
|
||||||
background: #FFE4E1;
|
background: #DC143C;
|
||||||
color: #DC143C;
|
color: #fff;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -290,7 +323,7 @@
|
|||||||
.add-btn {
|
.add-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
|
background: #0088FE;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@@ -83,8 +83,8 @@
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.checkOaAuth()
|
// this.checkOaAuth()
|
||||||
this.fetchFallback()
|
this.fetchFallback()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
@@ -135,25 +135,55 @@
|
|||||||
fetchFallback() {
|
fetchFallback() {
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
this.$u.post('/fallback/queryPage', {
|
|
||||||
pageNo: this.pageNo,
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
pageSize: this.pageSize
|
// this.$u.post('/fallback/queryPage', {
|
||||||
}, {
|
// pageNo: this.pageNo,
|
||||||
WT: this.$getToken()
|
// pageSize: this.pageSize
|
||||||
}).then(res => {
|
// }, {
|
||||||
const rows = res.data.result || [];
|
// WT: this.$getToken()
|
||||||
if (this.pageNo === 1) this.flowList = [];
|
// }).then(res => {
|
||||||
this.flowList = this.flowList.concat(rows)
|
// const rows = res.data.result || [];
|
||||||
if (rows.length < this.pageSize) {
|
// if (this.pageNo === 1) this.flowList = [];
|
||||||
this.loadStatus = 'nomore';
|
// this.flowList = this.flowList.concat(rows)
|
||||||
} else {
|
// if (rows.length < this.pageSize) {
|
||||||
this.pageNo++;
|
// this.loadStatus = 'nomore';
|
||||||
this.loadStatus = 'more';
|
// } else {
|
||||||
|
// this.pageNo++;
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// }
|
||||||
|
// }).catch(err => {
|
||||||
|
// console.log("获取留言失败", err)
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
const mockData = [
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
content: '小区路灯损坏，晚上出行不方便，希望尽快维修',
|
||||||
|
status: 'processed',
|
||||||
|
statusText: '已处理',
|
||||||
|
summitDate: '2026-06-20'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
content: '楼道卫生需要加强清洁，垃圾桶经常满溢',
|
||||||
|
status: 'processing',
|
||||||
|
statusText: '处理中',
|
||||||
|
summitDate: '2026-06-18'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
content: '建议增加小区健身设施，方便居民锻炼身体',
|
||||||
|
status: 'pending',
|
||||||
|
statusText: '待处理',
|
||||||
|
summitDate: '2026-06-15'
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
];
|
||||||
console.log("获取留言失败", err)
|
if (this.pageNo === 1) this.flowList = [];
|
||||||
this.loadStatus = 'more';
|
this.flowList = this.flowList.concat(mockData);
|
||||||
})
|
this.loadStatus = 'nomore';
|
||||||
},
|
},
|
||||||
loadMore() {
|
loadMore() {
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
@@ -225,7 +255,6 @@
|
|||||||
padding-top: 175rpx;
|
padding-top: 175rpx;
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: linear-gradient(0deg, #F3F1ED 43%, #F5E9DB 100%);
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
.scroll-view {
|
.scroll-view {
|
||||||
@@ -236,9 +265,9 @@
|
|||||||
.message-item {
|
.message-item {
|
||||||
background-color: #ffffff;
|
background-color: #ffffff;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
padding: 32rpx;
|
padding: 50rpx;
|
||||||
padding-left: 95rpx;
|
padding-left: 120rpx;
|
||||||
width: 92%;
|
width: 100%;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -255,16 +284,17 @@
|
|||||||
margin-right: 20rpx;
|
margin-right: 20rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
top: 60rpx;
|
||||||
left: 10rpx;
|
left: 10rpx;
|
||||||
}
|
}
|
||||||
.status-tag.processed {
|
.status-tag.processed {
|
||||||
background: linear-gradient(90deg, #F34038 0%, #FF7C76 100%);
|
background: linear-gradient(90deg, #6ca3eb 0%, #156bf4 100%);
|
||||||
}
|
}
|
||||||
.status-tag.processing {
|
.status-tag.processing {
|
||||||
background: linear-gradient(90deg, #FEAF04 0%, #FFC145 100%);
|
background: linear-gradient(90deg, #FEAF04 0%, #FFC145 100%);
|
||||||
}
|
}
|
||||||
.status-tag.pending {
|
.status-tag.pending {
|
||||||
background: linear-gradient(90deg, #6688FC 0%, #809BFB 100%);
|
background: linear-gradient(90deg, #F34038 0%, #FF7C76 100%);
|
||||||
}
|
}
|
||||||
.message-title {
|
.message-title {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
@@ -316,7 +346,7 @@
|
|||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: #FF6F63;
|
background: #0088FE;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
@@ -354,7 +384,7 @@
|
|||||||
.add-btn {
|
.add-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 80rpx;
|
height: 80rpx;
|
||||||
background: linear-gradient(90deg, #FF6F63 0%, #FB392A 100%);
|
background: #0088FE;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
|
|||||||
@@ -126,63 +126,107 @@
|
|||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
//获取poi列表
|
//获取poi列表
|
||||||
getAddressList(s = 0) {
|
getAddressList(s = 0) {
|
||||||
//在ios下防止搜索返回时多次加载地址列表的问题
|
//在ios下防止搜索返回时多次加载地址列表的问题
|
||||||
if(this.isSetTempAddress === 1){
|
if(this.isSetTempAddress === 1){
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
qqmapsdk.reverseGeocoder({
|
|
||||||
location: {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
latitude: this.position.latitude,
|
// qqmapsdk.reverseGeocoder({
|
||||||
longitude: this.position.longitude
|
// location: {
|
||||||
|
// latitude: this.position.latitude,
|
||||||
|
// longitude: this.position.longitude
|
||||||
|
// },
|
||||||
|
// get_poi: 1,
|
||||||
|
// poi_options: "page_size=30;page_index=1",
|
||||||
|
// success: res=> {
|
||||||
|
// res.result.pois.forEach(poi=>{
|
||||||
|
// if(!poi.ad_info){
|
||||||
|
// poi.ad_info = {
|
||||||
|
// adcode: poi.adcode,
|
||||||
|
// city: poi.city,
|
||||||
|
// district: poi.district,
|
||||||
|
// province: poi.province
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
// if(this.tempAddress){
|
||||||
|
// if(this.tempAddress.title != res.result.pois[0].title){
|
||||||
|
// if(!this.tempAddress.ad_info){
|
||||||
|
// this.tempAddress.ad_info = {
|
||||||
|
// adcode: this.tempAddress.adcode,
|
||||||
|
// city: this.tempAddress.city,
|
||||||
|
// district: this.tempAddress.district,
|
||||||
|
// province: this.tempAddress.province
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// res.result.pois.unshift(this.tempAddress);
|
||||||
|
// }
|
||||||
|
// this.tempAddress = null;
|
||||||
|
// this.isSetTempAddress = 1;
|
||||||
|
// setTimeout(()=>{
|
||||||
|
// this.isSetTempAddress = 0;
|
||||||
|
// }, 500)
|
||||||
|
// }
|
||||||
|
// if (s) {
|
||||||
|
// const ad_info = res.result.pois[0].ad_info;
|
||||||
|
// this.curCity = ad_info.city || '';
|
||||||
|
// res.result.pois[0].select = 1
|
||||||
|
// this.list = res.result.pois;
|
||||||
|
// this.checked = 0;
|
||||||
|
// } else {
|
||||||
|
// this.list = res.result.pois;
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// fail: err=> {
|
||||||
|
// console.log(err)
|
||||||
|
// }
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
const mockPois = [
|
||||||
|
{
|
||||||
|
title: '宜昌市西陵区东山大道435号',
|
||||||
|
address: '宜昌市西陵区东山大道435号',
|
||||||
|
location: { lng: 111.2842, lat: 30.7086 },
|
||||||
|
ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
|
||||||
},
|
},
|
||||||
get_poi: 1,
|
{
|
||||||
poi_options: "page_size=30;page_index=1",
|
title: '宜昌市西陵区夷陵大道418号',
|
||||||
success: res=> {
|
address: '宜昌市西陵区夷陵大道418号',
|
||||||
res.result.pois.forEach(poi=>{
|
location: { lng: 111.2900, lat: 30.7120 },
|
||||||
if(!poi.ad_info){
|
ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
|
||||||
poi.ad_info = {
|
|
||||||
adcode: poi.adcode,
|
|
||||||
city: poi.city,
|
|
||||||
district: poi.district,
|
|
||||||
province: poi.province
|
|
||||||
}
|
|
||||||
}
|
|
||||||
})
|
|
||||||
//有搜索结果时，手动追加到列表顶部
|
|
||||||
if(this.tempAddress){
|
|
||||||
if(this.tempAddress.title != res.result.pois[0].title){
|
|
||||||
if(!this.tempAddress.ad_info){
|
|
||||||
this.tempAddress.ad_info = {
|
|
||||||
adcode: this.tempAddress.adcode,
|
|
||||||
city: this.tempAddress.city,
|
|
||||||
district: this.tempAddress.district,
|
|
||||||
province: this.tempAddress.province
|
|
||||||
}
|
|
||||||
}
|
|
||||||
res.result.pois.unshift(this.tempAddress);
|
|
||||||
}
|
|
||||||
this.tempAddress = null;
|
|
||||||
this.isSetTempAddress = 1;
|
|
||||||
setTimeout(()=>{
|
|
||||||
this.isSetTempAddress = 0;
|
|
||||||
}, 500)
|
|
||||||
}
|
|
||||||
if (s) {
|
|
||||||
const ad_info = res.result.pois[0].ad_info;
|
|
||||||
this.curCity = ad_info.city || '';
|
|
||||||
res.result.pois[0].select = 1
|
|
||||||
this.list = res.result.pois;
|
|
||||||
this.checked = 0;
|
|
||||||
} else {
|
|
||||||
this.list = res.result.pois;
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
fail: err=> {
|
{
|
||||||
console.log(err)
|
title: '宜昌市西陵区解放路88号',
|
||||||
|
address: '宜昌市西陵区解放路88号',
|
||||||
|
location: { lng: 111.2800, lat: 30.7050 },
|
||||||
|
ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '宜昌市西陵区沿江大道168号',
|
||||||
|
address: '宜昌市西陵区沿江大道168号',
|
||||||
|
location: { lng: 111.2750, lat: 30.7000 },
|
||||||
|
ad_info: { adcode: '420502', city: '宜昌市', district: '西陵区', province: '湖北省' }
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '宜昌市伍家岗区中南路56号',
|
||||||
|
address: '宜昌市伍家岗区中南路56号',
|
||||||
|
location: { lng: 111.3100, lat: 30.7200 },
|
||||||
|
ad_info: { adcode: '420503', city: '宜昌市', district: '伍家岗区', province: '湖北省' }
|
||||||
}
|
}
|
||||||
})
|
];
|
||||||
|
|
||||||
|
if (s) {
|
||||||
|
this.curCity = '宜昌市';
|
||||||
|
mockPois[0].select = 1;
|
||||||
|
this.list = mockPois;
|
||||||
|
this.checked = 0;
|
||||||
|
} else {
|
||||||
|
this.list = mockPois;
|
||||||
|
}
|
||||||
},
|
},
|
||||||
//地图区域改变
|
//地图区域改变
|
||||||
onRegionchange(e) {
|
onRegionchange(e) {
|
||||||
|
|||||||
@@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
<!-- Tabs -->
|
<!-- Tabs -->
|
||||||
<view class="tab-wrapper">
|
<view class="tab-wrapper">
|
||||||
<u-tabs :list="tabList" :current="currentTab" @change="onTabChange" lineColor="#EA4D3E" activeColor="#EA4D3E"
|
<u-tabs :list="tabList" :current="currentTab" @change="onTabChange" lineColor="#0088FE" activeColor="#0088FE"
|
||||||
itemStyle="padding: 0 30rpx;"></u-tabs>
|
itemStyle="padding: 0 30rpx;"></u-tabs>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -16,20 +16,36 @@
|
|||||||
<scroll-view scroll-y class="scroll-content" @scrolltolower="loadMore" :refresher-enabled="true"
|
<scroll-view scroll-y class="scroll-content" @scrolltolower="loadMore" :refresher-enabled="true"
|
||||||
:refresher-triggered="isRefreshing" @refresherrefresh="refresh">
|
:refresher-triggered="isRefreshing" @refresherrefresh="refresh">
|
||||||
<view v-if="contracts.length > 0" class="contract-list">
|
<view v-if="contracts.length > 0" class="contract-list">
|
||||||
<view class="contract-card" v-for="item in contracts" :key="item.contractNo" @click="goDetail(item)">
|
<view :class="['contract-card', { 'is-expired': item.signStatus === 'expired' }]" v-for="item in contracts" :key="item.contractNo" @click="goDetail(item)">
|
||||||
<image class="contract-cover" :src="staticHost + (item.coverImgUrl || defaultCover)" mode="aspectFill" />
|
<view class="card-header">
|
||||||
|
<text class="contract-name">{{ $ellipsis(item.contractName, 12) }}</text>
|
||||||
<view class="contract-info">
|
|
||||||
<view class="top-row">
|
|
||||||
<text class="asset-name">{{ $ellipsis(item.contractName,12) }}</text>
|
|
||||||
<u-icon name="arrow-right" size="28" color="#ccc" />
|
|
||||||
</view>
|
|
||||||
<view class="date-range">{{ item.startDate }} ~ {{ item.endDate }}</view>
|
|
||||||
|
|
||||||
<view :class="['status-tag', item.signStatus]">
|
<view :class="['status-tag', item.signStatus]">
|
||||||
{{ getStatusText(item.signStatus) }}
|
{{ getStatusText(item.signStatus) }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="card-divider"></view>
|
||||||
|
<view class="card-body">
|
||||||
|
<view class="info-row">
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="info-label">合同类型：</text>
|
||||||
|
<text class="info-value">电子合同</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="info-label">租金：</text>
|
||||||
|
<text class="info-value">{{ item.contractNo }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view class="info-row">
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="info-label">开始日期：</text>
|
||||||
|
<text class="info-value">{{ item.startDate }}</text>
|
||||||
|
</view>
|
||||||
|
<view class="info-item">
|
||||||
|
<text class="info-label">结束日期：</text>
|
||||||
|
<text class="info-value">{{ item.endDate }}</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<u-loadmore :status="loadStatus" />
|
<u-loadmore :status="loadStatus" />
|
||||||
@@ -74,9 +90,9 @@ export default {
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
// token 有效，继续执行
|
// token 有效，继续执行
|
||||||
this.checkOaAuth()
|
// this.checkOaAuth()
|
||||||
this.loadContracts()
|
this.loadContracts()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
// token 无效，$checkToken 内部已处理跳转登录页
|
// token 无效，$checkToken 内部已处理跳转登录页
|
||||||
@@ -127,41 +143,68 @@ export default {
|
|||||||
this.loadContracts();
|
this.loadContracts();
|
||||||
},
|
},
|
||||||
loadContracts() {
|
loadContracts() {
|
||||||
// ✅ 正确判断加载状态
|
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
|
|
||||||
this.$u.post('/contract/queryPage', {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
pageNo: this.pageNo,
|
// this.$u.post('/contract/queryPage', {
|
||||||
pageSize: this.pageSize,
|
// pageNo: this.pageNo,
|
||||||
startDate: this.startDate,
|
// pageSize: this.pageSize,
|
||||||
endDate: this.endDate,
|
// startDate: this.startDate,
|
||||||
signStatus: this.statusFilter
|
// endDate: this.endDate,
|
||||||
}, {
|
// signStatus: this.statusFilter
|
||||||
WT: this.$getToken()
|
// }, {
|
||||||
}).then(result => {
|
// WT: this.$getToken()
|
||||||
const rows = result.data.result || [];
|
// }).then(result => {
|
||||||
|
// const rows = result.data.result || [];
|
||||||
|
// if (this.pageNo === 1 && rows.length === 0) {
|
||||||
|
// this.contracts = [];
|
||||||
|
// this.loadStatus = 'nomore';
|
||||||
|
// return;
|
||||||
|
// }
|
||||||
|
// this.contracts = this.contracts.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(() => {
|
||||||
|
// this.isRefreshing = false;
|
||||||
|
// });
|
||||||
|
|
||||||
if (this.pageNo === 1 && rows.length === 0) {
|
// Mock 静态数据
|
||||||
this.contracts = [];
|
const mockData = [
|
||||||
this.loadStatus = 'nomore';
|
{
|
||||||
return;
|
contractNo: 'HT-2026-001',
|
||||||
|
contractName: '东山大道435-2-1-104号房屋租赁合同',
|
||||||
|
startDate: '2026-01-01',
|
||||||
|
endDate: '2026-12-31',
|
||||||
|
signStatus: 'signed'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
contractNo: 'HT-2026-002',
|
||||||
|
contractName: '夷陵大道418号房屋租赁合同',
|
||||||
|
startDate: '2026-03-01',
|
||||||
|
endDate: '2027-02-28',
|
||||||
|
signStatus: 'pending'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
contractNo: 'HT-2025-003',
|
||||||
|
contractName: '解放路88-1-502号房屋租赁合同',
|
||||||
|
startDate: '2025-01-01',
|
||||||
|
endDate: '2025-12-31',
|
||||||
|
signStatus: 'expired'
|
||||||
}
|
}
|
||||||
|
];
|
||||||
|
|
||||||
this.contracts = this.contracts.concat(rows);
|
if (this.pageNo === 1) this.contracts = [];
|
||||||
|
this.contracts = this.contracts.concat(mockData);
|
||||||
if (rows.length < this.pageSize) {
|
this.loadStatus = 'nomore';
|
||||||
this.loadStatus = 'nomore';
|
this.isRefreshing = false;
|
||||||
} else {
|
|
||||||
this.pageNo++;
|
|
||||||
this.loadStatus = 'more'; // ✅ 修复
|
|
||||||
}
|
|
||||||
}).catch(err => {
|
|
||||||
console.log("获取合同信息失败：", err);
|
|
||||||
this.loadStatus = 'more'; // ✅ 异常恢复
|
|
||||||
}).finally(() => {
|
|
||||||
this.isRefreshing = false;
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
refresh() {
|
refresh() {
|
||||||
this.isRefreshing = true;
|
this.isRefreshing = true;
|
||||||
@@ -205,79 +248,108 @@ export default {
|
|||||||
.contract-list {
|
.contract-list {
|
||||||
padding: 20rpx;
|
padding: 20rpx;
|
||||||
}
|
}
|
||||||
|
.card-info {
|
||||||
|
flex: 1;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
.card-divider {
|
||||||
|
height: 1rpx;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
.contract-card {
|
.contract-card {
|
||||||
display: flex;
|
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
padding: 20rpx;
|
padding: 24rpx;
|
||||||
box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.05);
|
box-shadow: 0 4rpx 8rpx rgba(0, 0, 0, 0.05);
|
||||||
position: relative;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.contract-cover {
|
.card-header {
|
||||||
width: 193rpx;
|
|
||||||
height: 145rpx;
|
|
||||||
border-radius: 10rpx;
|
|
||||||
background-color: #FCE5E0;
|
|
||||||
flex-shrink: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.contract-info {
|
|
||||||
flex: 1;
|
|
||||||
margin-left: 20rpx;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.top-row {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
.asset-name {
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-weight: bold;
|
|
||||||
color: #333;
|
|
||||||
flex: 1;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.asset-room {
|
.contract-name {
|
||||||
font-size: 26rpx;
|
font-size: 30rpx;
|
||||||
color: #555;
|
font-weight: 600;
|
||||||
margin-top: 18rpx;
|
color: #333;
|
||||||
}
|
flex: 1;
|
||||||
|
|
||||||
.date-range {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #888;
|
|
||||||
margin-top: 20rpx;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.status-tag {
|
.status-tag {
|
||||||
position: absolute;
|
font-size: 24rpx;
|
||||||
bottom: 20rpx;
|
padding: 6rpx 16rpx;
|
||||||
right: 0rpx;
|
border-radius: 8rpx;
|
||||||
padding: 12rpx 15rpx;
|
flex-shrink: 0;
|
||||||
border-radius: 6rpx;
|
|
||||||
font-size: 26rpx;
|
|
||||||
|
|
||||||
&.pending {
|
&.pending {
|
||||||
background: #FEEDDD;
|
background: #FF8D1A;
|
||||||
color: #EFA049;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.signed {
|
&.signed {
|
||||||
background: #FCE5E0;
|
background: #0088FE;
|
||||||
color: #ED7748;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
&.expired {
|
&.expired {
|
||||||
background: #CDCDCD;
|
background: #A6A6A6;
|
||||||
color: #969696;
|
color: #fff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-divider {
|
||||||
|
height: 1rpx;
|
||||||
|
background-color: #f0f0f0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-body {
|
||||||
|
padding-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-row {
|
||||||
|
display: flex;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
&:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-item {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-label {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-value {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-expired {
|
||||||
|
.contract-name,
|
||||||
|
.info-label,
|
||||||
|
.info-value {
|
||||||
|
color: #A6A6A6 !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -70,11 +70,11 @@
|
|||||||
</view> -->
|
</view> -->
|
||||||
|
|
||||||
<!-- 底部操作栏（完全保留原逻辑和样式） -->
|
<!-- 底部操作栏（完全保留原逻辑和样式） -->
|
||||||
<view v-if="contract.signStatus === '待签署'" class="bottom-bar">
|
<!-- <view v-if="contract.signStatus === '待签署'" class="bottom-bar">
|
||||||
<u-button class="sign-btn" @click="goSign">
|
<u-button class="sign-btn" @click="goSign">
|
||||||
去签署
|
去签署
|
||||||
</u-button>
|
</u-button>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -94,7 +94,7 @@ export default {
|
|||||||
|
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.getContractDetail()
|
this.getContractDetail()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
@@ -132,20 +132,30 @@ export default {
|
|||||||
methods: {
|
methods: {
|
||||||
/** 合同详情 + 第一条资产 */
|
/** 合同详情 + 第一条资产 */
|
||||||
getContractDetail() {
|
getContractDetail() {
|
||||||
this.$u.get(`/contract/detail?contractNo=${this.contractNo}`, {},{
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
WT: this.$getToken()
|
// this.$u.get(`/contract/detail?contractNo=${this.contractNo}`, {},{
|
||||||
}).then(res => {
|
// WT: this.$getToken()
|
||||||
console.log(res)
|
// }).then(res => {
|
||||||
this.contract = res.data || {}
|
// console.log(res)
|
||||||
|
// this.contract = res.data || {}
|
||||||
|
// // this.assetList = (res.assetsInfos.assets || []).map((item, index) => ({
|
||||||
|
// // ...item,
|
||||||
|
// // expanded: index === 0
|
||||||
|
// // }))
|
||||||
|
// // this.hasMoreAssets =
|
||||||
|
// // this.assetList.length < (res.totalAssets || 0)
|
||||||
|
// })
|
||||||
|
|
||||||
// this.assetList = (res.assetsInfos.assets || []).map((item, index) => ({
|
// Mock 静态数据
|
||||||
// ...item,
|
this.contract = {
|
||||||
// expanded: index === 0
|
contractNo: this.contractNo || 'HT-2026-001',
|
||||||
// }))
|
contractName: '东山大道435-2-1-104号房屋租赁合同',
|
||||||
|
signStatus: '待签署',
|
||||||
// this.hasMoreAssets =
|
startDate: '2026-01-01',
|
||||||
// this.assetList.length < (res.totalAssets || 0)
|
endDate: '2026-12-31',
|
||||||
})
|
rentFee: 2500,
|
||||||
|
deposit: 5000
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
/** 加载更多资产 */
|
/** 加载更多资产 */
|
||||||
@@ -337,7 +347,7 @@ export default {
|
|||||||
&::v-deep .u-btn {
|
&::v-deep .u-btn {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: linear-gradient(90deg, #ff6f63 0%, #fb392a 100%);
|
background-color: #0088FE;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -205,7 +205,7 @@
|
|||||||
.login-btn {
|
.login-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
background-color: 0088FE;
|
background-color: #0088FE;
|
||||||
border-radius: 49rpx;
|
border-radius: 49rpx;
|
||||||
font-size: 36rpx;
|
font-size: 36rpx;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
|
|||||||
@@ -47,9 +47,9 @@ export default {
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.checkOaAuth()
|
// this.checkOaAuth()
|
||||||
this.fetchMessageList()
|
// this.fetchMessageList()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -96,32 +96,70 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
fetchMessageList(){
|
fetchMessageList(){
|
||||||
// ✅ 正确判断加载状态
|
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
|
|
||||||
let url = '/message/queryPage'
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
this.$u.post(url, {
|
// let url = '/message/queryPage'
|
||||||
pageNo: this.pageNo,
|
// this.$u.post(url, {
|
||||||
pageSize: this.pageSize
|
// pageNo: this.pageNo,
|
||||||
}, {
|
// pageSize: this.pageSize
|
||||||
WT: this.$getToken()
|
// }, {
|
||||||
}).then(res => {
|
// WT: this.$getToken()
|
||||||
const rows = res.data.result || [];
|
// }).then(res => {
|
||||||
if (this.pageNo === 1) this.flowList = [];
|
// const rows = res.data.result || [];
|
||||||
this.flowList = this.flowList.concat(rows);
|
// if (this.pageNo === 1) this.flowList = [];
|
||||||
|
// this.flowList = this.flowList.concat(rows);
|
||||||
// ✅ 判断是否还有更多
|
// if (rows.length < this.pageSize) {
|
||||||
if (rows.length < this.pageSize) {
|
// this.loadStatus = 'nomore';
|
||||||
this.loadStatus = 'nomore';
|
// } else {
|
||||||
} else {
|
// this.pageNo++;
|
||||||
this.pageNo++;
|
// this.loadStatus = 'more';
|
||||||
this.loadStatus = 'more';
|
// }
|
||||||
|
// }).catch(err => {
|
||||||
|
// console.log("获取消息列表失败：", err)
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
const mockData = [
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
icon: '/static/icon/msg-1.png',
|
||||||
|
title: '账单提醒',
|
||||||
|
desc: '您有一笔租金待支付，请及时处理',
|
||||||
|
time: '2026-06-27 10:30',
|
||||||
|
read: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
icon: '/static/icon/msg-2.png',
|
||||||
|
title: '合同签署',
|
||||||
|
desc: '您的租赁合同已生成，请尽快签署',
|
||||||
|
time: '2026-06-26 14:20',
|
||||||
|
read: false
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '3',
|
||||||
|
icon: '/static/icon/msg-1.png',
|
||||||
|
title: '缴费成功',
|
||||||
|
desc: '您已成功缴纳5月份租金2500元',
|
||||||
|
time: '2026-06-25 09:15',
|
||||||
|
read: true
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '4',
|
||||||
|
icon: '/static/icon/msg-2.png',
|
||||||
|
title: '预约确认',
|
||||||
|
desc: '您预约的看房申请已确认，管家将联系您',
|
||||||
|
time: '2026-06-24 16:45',
|
||||||
|
read: true
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
];
|
||||||
console.log("获取消息列表失败：", err)
|
|
||||||
this.loadStatus = 'more'; // ✅ 异常恢复
|
if (this.pageNo === 1) this.flowList = [];
|
||||||
})
|
this.flowList = this.flowList.concat(mockData);
|
||||||
|
this.loadStatus = 'nomore';
|
||||||
},
|
},
|
||||||
loadMore() {
|
loadMore() {
|
||||||
this.fetchMessageList()
|
this.fetchMessageList()
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="setting-content">
|
<view class="setting-content">
|
||||||
<u-cell-group>
|
<u-cell-group>
|
||||||
<u-cell-item title="账号实名信息" @click="profile"></u-cell-item>
|
<!-- <u-cell-item title="账号实名信息" @click="profile"></u-cell-item> -->
|
||||||
<!-- <u-cell-item title="订阅系统消息" :arrow="false">
|
<!-- <u-cell-item title="订阅系统消息" :arrow="false">
|
||||||
|
|
||||||
<u-switch v-model="longSubscribe" @change="toggleLongSubscribe" />
|
<u-switch v-model="longSubscribe" @change="toggleLongSubscribe" />
|
||||||
|
|||||||
@@ -20,51 +20,37 @@
|
|||||||
:key="item.id"
|
:key="item.id"
|
||||||
class="record-card"
|
class="record-card"
|
||||||
>
|
>
|
||||||
<!-- 资产名称和状态 -->
|
<!-- 预约时间 + 状态 -->
|
||||||
<view class="card-header">
|
<view class="card-header">
|
||||||
<text class="asset-name">{{ item.assetName }}</text>
|
<text class="reserve-time">{{ formatDate(item.date) }} 看房</text>
|
||||||
<text
|
<text :class="['record-status', item.status]">
|
||||||
:class="['record-status', item.status]"
|
|
||||||
>
|
|
||||||
{{ statusText(item.status) }}
|
{{ statusText(item.status) }}
|
||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 内容部分 -->
|
<!-- 分割线 -->
|
||||||
<view class="card-content">
|
<view class="card-divider"></view>
|
||||||
<!-- 预约时间 -->
|
|
||||||
<view class="info-item">
|
|
||||||
<text class="info-label">预约时间：</text>
|
|
||||||
<text class="info-value">{{ formatDate(item.date) }}</text>
|
|
||||||
</view>
|
|
||||||
|
|
||||||
<!-- 地址 -->
|
<!-- 内容区：左图右信息 -->
|
||||||
<view class="info-item">
|
<view class="card-body">
|
||||||
<text class="info-label">地址：</text>
|
<image class="cover-img" :src="staticHost + (item.coverImg || '/public/static/index/assets.jpg')" mode="aspectFill"></image>
|
||||||
<text class="info-value">{{ item.assetAddress }}</text>
|
<view class="card-info">
|
||||||
</view>
|
<text class="asset-name">{{ item.assetName }}</text>
|
||||||
|
<view class="info-row">
|
||||||
<!-- 管家 -->
|
<u-icon name="map" size="26" color="#999"></u-icon>
|
||||||
<view class="info-item">
|
<text class="info-text">{{ item.assetAddress }}</text>
|
||||||
<text class="info-label">管家：</text>
|
</view>
|
||||||
<text class="info-value">{{ item.managerName || '未知'}}（{{ item.managerPhone || '未知'}}）</text>
|
<view class="info-row">
|
||||||
|
<u-icon name="account" size="26" color="#999"></u-icon>
|
||||||
|
<text class="info-text">{{ item.managerName || '未知' }}（{{ item.managerPhone || '未知' }}）</text>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 操作按钮 -->
|
<!-- 操作按钮 -->
|
||||||
<view class="action-buttons">
|
<view class="action-buttons">
|
||||||
<button
|
<button class="location-btn" @click="viewLocation(item)">查看位置</button>
|
||||||
class="location-btn"
|
<button class="call-btn" @click="callManager(item.managerPhone)">拨打电话</button>
|
||||||
@click="viewLocation(item)"
|
|
||||||
>
|
|
||||||
查看位置
|
|
||||||
</button>
|
|
||||||
<button
|
|
||||||
class="call-btn"
|
|
||||||
@click="callManager(item.managerPhone)"
|
|
||||||
>
|
|
||||||
拨打电话
|
|
||||||
</button>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -100,13 +86,18 @@ export default {
|
|||||||
},
|
},
|
||||||
async onShow() {
|
async onShow() {
|
||||||
try {
|
try {
|
||||||
await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.fetchReserve()
|
this.fetchReserve()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// ✅ 删除 scroll-view 冲突的 onReachBottom
|
// ✅ 删除 scroll-view 冲突的 onReachBottom
|
||||||
|
computed: {
|
||||||
|
staticHost() {
|
||||||
|
return this.$config.staticUrl
|
||||||
|
}
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
statusText(status) {
|
statusText(status) {
|
||||||
switch (status) {
|
switch (status) {
|
||||||
@@ -132,31 +123,62 @@ export default {
|
|||||||
return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
|
return `${year}-${month}-${day} ${weekday} ${hours}:${minutes}`;
|
||||||
},
|
},
|
||||||
fetchReserve(){
|
fetchReserve(){
|
||||||
// ✅ 正确判断加载状态
|
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
let url = '/reservate/queryPage'
|
|
||||||
this.$u.post(url, {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
pageNo: this.pageNo,
|
// let url = '/reservate/queryPage'
|
||||||
pageSize: this.pageSize
|
// this.$u.post(url, {
|
||||||
},{
|
// pageNo: this.pageNo,
|
||||||
WT: this.$getToken()
|
// pageSize: this.pageSize
|
||||||
}).then(res => {
|
// },{
|
||||||
const rows = res.data.result || [];
|
// WT: this.$getToken()
|
||||||
if (this.pageNo === 1) this.flowList = [];
|
// }).then(res => {
|
||||||
this.flowList = this.flowList.concat(rows);
|
// const rows = res.data.result || [];
|
||||||
|
// if (this.pageNo === 1) this.flowList = [];
|
||||||
// ✅ 判断是否还有更多数据
|
// this.flowList = this.flowList.concat(rows);
|
||||||
if (rows.length < this.pageSize) {
|
// if (rows.length < this.pageSize) {
|
||||||
this.loadStatus = 'nomore';
|
// this.loadStatus = 'nomore';
|
||||||
} else {
|
// } else {
|
||||||
this.pageNo++;
|
// this.pageNo++;
|
||||||
this.loadStatus = 'more';
|
// this.loadStatus = 'more';
|
||||||
|
// }
|
||||||
|
// }).catch(err => {
|
||||||
|
// console.log("获取预约记录失败：", err)
|
||||||
|
// this.loadStatus = 'more';
|
||||||
|
// })
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
const mockData = [
|
||||||
|
{
|
||||||
|
id: '1',
|
||||||
|
assetName: '东山大道435-2-1-104号',
|
||||||
|
status: 'pending',
|
||||||
|
date: '2026-06-28 14:00:00',
|
||||||
|
assetAddress: '宜昌市西陵区东山大道435号',
|
||||||
|
managerName: '张管家',
|
||||||
|
managerPhone: '13800138001',
|
||||||
|
lat: 30.7086,
|
||||||
|
lng: 111.2842,
|
||||||
|
coverImg: '/public/static/index/assets.jpg'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: '2',
|
||||||
|
assetName: '夷陵大道418号',
|
||||||
|
status: 'done',
|
||||||
|
date: '2026-06-20 10:30:00',
|
||||||
|
assetAddress: '宜昌市西陵区夷陵大道418号',
|
||||||
|
managerName: '李管家',
|
||||||
|
managerPhone: '13800138002',
|
||||||
|
lat: 30.7120,
|
||||||
|
lng: 111.2900,
|
||||||
|
coverImg: '/public/static/index/assets.jpg'
|
||||||
}
|
}
|
||||||
}).catch(err => {
|
];
|
||||||
console.log("获取预约记录失败：", err)
|
|
||||||
this.loadStatus = 'more'; // ✅ 异常恢复
|
if (this.pageNo === 1) this.flowList = [];
|
||||||
})
|
this.flowList = this.flowList.concat(mockData);
|
||||||
|
this.loadStatus = 'nomore';
|
||||||
},
|
},
|
||||||
viewLocation(item) {
|
viewLocation(item) {
|
||||||
uni.openLocation({
|
uni.openLocation({
|
||||||
@@ -198,7 +220,6 @@ export default {
|
|||||||
.reserve-records {
|
.reserve-records {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
padding-top: 175rpx;
|
padding-top: 175rpx;
|
||||||
background: linear-gradient(0deg, #F3F1ED 43%, #F5E9DB 100%);
|
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -209,13 +230,13 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.record-list {
|
.record-list {
|
||||||
padding: 30rpx 40rpx;
|
padding: 30rpx 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.record-card {
|
.record-card {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-radius: 12rpx;
|
border-radius: 12rpx;
|
||||||
padding: 32rpx;
|
padding: 25rpx;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||||
}
|
}
|
||||||
@@ -224,63 +245,79 @@ export default {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 24rpx;
|
padding-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.asset-name {
|
.reserve-time {
|
||||||
font-size: 32rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
color: #2D2B2C;
|
color: #333;
|
||||||
}
|
}
|
||||||
|
|
||||||
.record-status {
|
.record-status {
|
||||||
font-size: 26rpx;
|
font-size: 28rpx;
|
||||||
padding: 10rpx 15rpx;
|
padding: 6rpx 16rpx;
|
||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
&.done {
|
&.done {
|
||||||
background: #FCE5E0;
|
background: #fff;
|
||||||
color: #ED7748;
|
color: #0088FE;
|
||||||
}
|
}
|
||||||
&.pending {
|
&.pending {
|
||||||
background: #F2F3F7;
|
background: #fff;
|
||||||
color: #86868C;
|
color: #FF8D1A;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-content {
|
.card-divider {
|
||||||
margin-bottom: 32rpx;
|
height: 1rpx;
|
||||||
|
background-color: #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-item {
|
.card-body {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: flex-start;
|
padding: 24rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-item:last-child {
|
.cover-img {
|
||||||
margin-bottom: 0;
|
width: 160rpx;
|
||||||
}
|
height: 160rpx;
|
||||||
|
border-radius: 8rpx;
|
||||||
.info-label {
|
|
||||||
font-size: 24rpx;
|
|
||||||
color: #666;
|
|
||||||
width: 120rpx;
|
|
||||||
flex-shrink: 0;
|
flex-shrink: 0;
|
||||||
line-height: 44rpx;
|
background-color: #f5f5f5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.info-value {
|
.card-info {
|
||||||
font-size: 24rpx;
|
|
||||||
color: #333;
|
|
||||||
flex: 1;
|
flex: 1;
|
||||||
line-height: 44rpx;
|
margin-left: 20rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.asset-name {
|
||||||
|
font-size: 30rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #2D2B2C;
|
||||||
|
margin-bottom: 12rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info-text {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999;
|
||||||
|
margin-left: 8rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.action-buttons {
|
.action-buttons {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
gap: 20rpx;
|
gap: 20rpx;
|
||||||
margin-top: 32rpx;
|
padding-top: 20rpx;
|
||||||
padding-top: 32rpx;
|
|
||||||
border-top: 1rpx solid #f0f0f0;
|
border-top: 1rpx solid #f0f0f0;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -288,20 +325,20 @@ export default {
|
|||||||
width: 220rpx;
|
width: 220rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #2D2B2C;
|
color: #0088FE;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
border: 1px solid #222222;
|
border: 1px solid #0088FE;
|
||||||
}
|
}
|
||||||
|
|
||||||
.call-btn {
|
.call-btn {
|
||||||
width: 220rpx;
|
width: 220rpx;
|
||||||
height: 72rpx;
|
height: 72rpx;
|
||||||
background: #ff3b30;
|
background: #0088FE;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
border-radius: 8rpx;
|
border-radius: 8rpx;
|
||||||
|
|||||||
@@ -4,25 +4,29 @@
|
|||||||
back-icon-color="#2D2B2C">
|
back-icon-color="#2D2B2C">
|
||||||
</u-navbar>
|
</u-navbar>
|
||||||
<view class="search-list-content">
|
<view class="search-list-content">
|
||||||
<view class="filter-dropdown-wrapper">
|
<view class="search-bar-wrapper">
|
||||||
<u-sticky offset-top="0">
|
<view class="search-bar">
|
||||||
<view class="sticky" style="width: 100vw;">
|
<view class="city-select" @click="location()">{{ city ||'宜昌市'}} <text class="icon-down"></text>
|
||||||
<filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected"
|
</view>
|
||||||
:updateMenuName="true" @confirm="confirm" dataFormat="Object"></filterDropdown>
|
<view class="search-input" @click="search">
|
||||||
</view>
|
<text class="icon-search"></text>
|
||||||
</u-sticky>
|
<input type="text" placeholder="搜索商铺/住房/土地" />
|
||||||
</view>
|
|
||||||
<view class="search-bar-wrapper">
|
|
||||||
<view class="search-bar">
|
|
||||||
<view class="city-select" @click="location()">{{ city ||'宜昌市'}} <text class="icon-down"></text>
|
|
||||||
</view>
|
|
||||||
<view class="search-input" @click="search">
|
|
||||||
<text class="icon-search"></text>
|
|
||||||
<input type="text" placeholder="搜索商铺/住房/土地" />
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="tag-group">
|
</view>
|
||||||
|
<view class="filter-dropdown-wrapper">
|
||||||
|
<u-sticky offset-top="0">
|
||||||
|
<view class="sticky" style="width: 100vw;">
|
||||||
|
<filterDropdown :menuTop="0" :filterData="filterData" :defaultSelected="defaultSelected"
|
||||||
|
:updateMenuName="true" @confirm="confirm" dataFormat="Object"
|
||||||
|
navBgGradient="linear-gradient(-90deg, rgb(207,240,255), rgb(179,217,255) 0% 99%)"
|
||||||
|
activeColor="#0088FE"
|
||||||
|
submitBtnBg="#0088FE"
|
||||||
|
resetBtnColor="#0088FE"></filterDropdown>
|
||||||
|
</view>
|
||||||
|
</u-sticky>
|
||||||
|
</view>
|
||||||
|
<view class="tag-group">
|
||||||
<view class="tag-item" :class="{ active: selectedTags.includes(tag) }"
|
<view class="tag-item" :class="{ active: selectedTags.includes(tag) }"
|
||||||
v-for="(tag, index) in tagGroupList" :key="index" @click="onTagClick(tag)">
|
v-for="(tag, index) in tagGroupList" :key="index" @click="onTagClick(tag)">
|
||||||
{{ tag }}
|
{{ tag }}
|
||||||
@@ -96,7 +100,7 @@
|
|||||||
tagGroupList: [],
|
tagGroupList: [],
|
||||||
selectedTags: [],
|
selectedTags: [],
|
||||||
background: {
|
background: {
|
||||||
backgroundImage: 'linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);'
|
backgroundImage: 'linear-gradient(-90deg, rgb(207,240,255),rgb(179,217,255) 0% 99%);'
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@@ -167,49 +171,93 @@
|
|||||||
|
|
||||||
this.loadStatus = 'loading';
|
this.loadStatus = 'loading';
|
||||||
|
|
||||||
this.$u.post('/assets/queryPage', {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
assetsStatus:'闲置中',
|
// this.$u.post('/assets/queryPage', {
|
||||||
assetsType: type,
|
// assetsStatus:'闲置中',
|
||||||
pageNo: this.pageNo,
|
// assetsType: type,
|
||||||
pageSize: this.pageSize,
|
// pageNo: this.pageNo,
|
||||||
keyWord: keyword,
|
// pageSize: this.pageSize,
|
||||||
bizZone: this.searchData.bizZone,
|
// keyWord: keyword,
|
||||||
layout: this.searchData.layout,
|
// bizZone: this.searchData.bizZone,
|
||||||
renovationStatus: this.searchData.decoration,
|
// layout: this.searchData.layout,
|
||||||
features: this.searchData.feature
|
// renovationStatus: this.searchData.decoration,
|
||||||
}).then(result => {
|
// features: this.searchData.feature
|
||||||
const rows = result.data.result || [];
|
// }).then(result => {
|
||||||
|
// const rows = result.data.result || [];
|
||||||
if (this.pageNo === 1 && rows.length === 0) {
|
// if (this.pageNo === 1 && rows.length === 0) {
|
||||||
this.flowList = [];
|
// this.flowList = [];
|
||||||
this.loadStatus = 'nomore';
|
// this.loadStatus = 'nomore';
|
||||||
return;
|
// return;
|
||||||
}
|
// }
|
||||||
|
// rows.forEach(row => {
|
||||||
rows.forEach(row => {
|
// if (row.coverImgUrl) {
|
||||||
if (row.coverImgUrl) {
|
// row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
|
||||||
row.coverImgUrl = this.$config.staticUrl + row.coverImgUrl
|
// } else {
|
||||||
} else {
|
// row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
|
||||||
row.coverImgUrl = this.$config.staticUrl + this.defaultImgUrl
|
// }
|
||||||
}
|
// })
|
||||||
})
|
// this.flowList = this.flowList.concat(rows);
|
||||||
|
// if (rows.length < this.pageSize) {
|
||||||
this.flowList = this.flowList.concat(rows);
|
// this.loadStatus = 'nomore';
|
||||||
|
// } else {
|
||||||
if (rows.length < this.pageSize) {
|
// this.pageNo++;
|
||||||
this.loadStatus = 'nomore';
|
// this.loadStatus = 'more';
|
||||||
} else {
|
// }
|
||||||
this.pageNo++;
|
// this.keyWord = null
|
||||||
this.loadStatus = 'more'; // ✅ 恢复
|
// }).catch(err => {
|
||||||
}
|
// console.log("获取资产信息失败：", err);
|
||||||
this.keyWord = null
|
// this.loadStatus = 'more';
|
||||||
|
// }).finally(() => {
|
||||||
|
// uni.stopPullDownRefresh();
|
||||||
|
// });
|
||||||
|
|
||||||
}).catch(err => {
|
// Mock 静态数据
|
||||||
console.log("获取资产信息失败：", err);
|
const mockData = [
|
||||||
this.loadStatus = 'more'; // ✅ 恢复
|
{
|
||||||
}).finally(() => {
|
assetsNo: 'ASSET-001',
|
||||||
|
assetsName: '东山大道435-2-1-104号',
|
||||||
|
assetsType: '住宅',
|
||||||
|
footPrint: 120,
|
||||||
|
orientation: '南',
|
||||||
|
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
|
||||||
|
tags: ['近地铁', '精装修']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
assetsNo: 'ASSET-002',
|
||||||
|
assetsName: '夷陵大道418号商铺',
|
||||||
|
assetsType: '商铺',
|
||||||
|
footPrint: 85,
|
||||||
|
orientation: '东',
|
||||||
|
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
|
||||||
|
tags: ['临街', '人流量大']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
assetsNo: 'ASSET-003',
|
||||||
|
assetsName: '解放路88号写字楼',
|
||||||
|
assetsType: '写字楼',
|
||||||
|
footPrint: 200,
|
||||||
|
orientation: '南',
|
||||||
|
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
|
||||||
|
tags: ['交通便利', '配套齐全']
|
||||||
|
},
|
||||||
|
{
|
||||||
|
assetsNo: 'ASSET-004',
|
||||||
|
assetsName: '沿江大道168号住房',
|
||||||
|
assetsType: '住宅',
|
||||||
|
footPrint: 95,
|
||||||
|
orientation: '南',
|
||||||
|
coverImgUrl: this.$config.staticUrl + this.defaultImgUrl,
|
||||||
|
tags: ['拎包入住', '采光好']
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
setTimeout(() => {
|
||||||
|
if (this.pageNo === 1) this.flowList = [];
|
||||||
|
this.flowList = this.flowList.concat(mockData);
|
||||||
|
this.loadStatus = 'nomore';
|
||||||
|
this.keyWord = null;
|
||||||
uni.stopPullDownRefresh();
|
uni.stopPullDownRefresh();
|
||||||
});
|
}, 500);
|
||||||
},
|
},
|
||||||
loadMore() {
|
loadMore() {
|
||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
@@ -239,18 +287,26 @@
|
|||||||
this.filterData = searchData;
|
this.filterData = searchData;
|
||||||
},
|
},
|
||||||
async getFeatures(){
|
async getFeatures(){
|
||||||
const res = await this.$u.get('/assets/getFeatures');
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
if (res.flag) {
|
// const res = await this.$u.get('/assets/getFeatures');
|
||||||
return res.data;
|
// if (res.flag) {
|
||||||
}
|
// return res.data;
|
||||||
return [];
|
// }
|
||||||
|
// return [];
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
return ['近地铁', '精装修', '拎包入住', '采光好', '临街', '配套齐全', '交通便利'];
|
||||||
},
|
},
|
||||||
async getBizZone(){
|
async getBizZone(){
|
||||||
const res = await this.$u.get('/assets/getBizZones');
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
if (res.flag) {
|
// const res = await this.$u.get('/assets/getBizZones');
|
||||||
return res.data;
|
// if (res.flag) {
|
||||||
}
|
// return res.data;
|
||||||
return [];
|
// }
|
||||||
|
// return [];
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
return ['CBD商圈', '解放路商圈', '沿江大道', '东山大道', '夷陵大道'];
|
||||||
},
|
},
|
||||||
getImageSize(url, index) {
|
getImageSize(url, index) {
|
||||||
uni.getImageInfo({
|
uni.getImageInfo({
|
||||||
@@ -306,13 +362,14 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.search-list-content {
|
.search-list-content {
|
||||||
background: linear-gradient(-90deg, #F9DED9 0%, #F8DFC0 99%);
|
background: linear-gradient(-90deg, rgb(207,240,255),rgb(179,217,255) 0% 99%);
|
||||||
border-radius: 0rpx;
|
border-radius: 0rpx;
|
||||||
padding-bottom: 20rpx;
|
padding-bottom: 0;
|
||||||
|
padding-top: var(--window-top, 0);
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-bar-wrapper {
|
.search-bar-wrapper {
|
||||||
padding: 10rpx 20rpx;
|
padding: 10rpx 20rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.search-bar {
|
.search-bar {
|
||||||
@@ -361,7 +418,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.filter-dropdown-wrapper {
|
.filter-dropdown-wrapper {
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag-group {
|
.tag-group {
|
||||||
|
|||||||
@@ -9,18 +9,18 @@
|
|||||||
<view class="user-info">
|
<view class="user-info">
|
||||||
<view class="user-name">
|
<view class="user-name">
|
||||||
<text class="name-text">{{user.userName || '用户0564'}}</text>
|
<text class="name-text">{{user.userName || '用户0564'}}</text>
|
||||||
<text class="auth-tag">{{user.oaAuth ? '已认证' : '未认证'}}</text>
|
<image :src="staticHost + '/public/static/center/' + (user.userType === '0' && user.oaAuth ? 'personal-actived' : 'personal') + '.png'" class="user-type-icon" mode="widthFix"></image>
|
||||||
|
<image :src="staticHost + '/public/static/center/' + (user.userType === '1' && user.oaAuth ? 'org-actived' : 'org') + '.png'" class="user-type-icon" mode="widthFix"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="user-type">用户类型：{{user.userType ==='0' ? '个人' : '组织'}}</view>
|
<view class="user-type">用户类型：{{user.userType ==='0' ? '个人' : '组织'}}</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="msg-setting">
|
<view class="msg-setting">
|
||||||
<view class="u-relative msg-icon" @click="toMessage()">
|
<view class="u-relative msg-icon" @click="toMessage()">
|
||||||
<u-icon name="chat" size="48" color="#333"></u-icon>
|
<image :src="staticHost + '/public' + '/static/center/msg.png'" class="msg-icon-img" mode="widthFix"></image>
|
||||||
<view v-if="unreadMsgCount > 0" class="badge">
|
<view v-if="unreadMsgCount > 0" class="badge">
|
||||||
{{ unreadMsgCount > 99 ? '99+' : unreadMsgCount }}
|
{{ unreadMsgCount > 99 ? '99+' : unreadMsgCount }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<u-icon name="setting" size="48" color="#333" @click="toSetting()"></u-icon>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
@@ -28,95 +28,135 @@
|
|||||||
<!-- 我的合同和我的预约 -->
|
<!-- 我的合同和我的预约 -->
|
||||||
<view class="contract-appointment">
|
<view class="contract-appointment">
|
||||||
<view class="card" @click="clickNav('/pages-biz/contract/contract')">
|
<view class="card" @click="clickNav('/pages-biz/contract/contract')">
|
||||||
<view class="card-title">我的合同</view>
|
<view class="card-left">
|
||||||
<view class="card-main">
|
<view class="card-title">
|
||||||
<view class="card-content">
|
我的合同
|
||||||
|
<u-icon name="arrow-right" color="#2979ff" size="28" class="arrow-icon"></u-icon>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-info">
|
||||||
|
<view class="card-type">待签署合同</view>
|
||||||
<view class="card-number">{{unsignContractNum}}</view>
|
<view class="card-number">{{unsignContractNum}}</view>
|
||||||
<view class="card-type">份待签署合同</view>
|
|
||||||
</view>
|
|
||||||
<view class="card-icon">
|
|
||||||
<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="card-right">
|
||||||
|
<image class="card-icon" :src="staticHost + '/public' + '/static/center/contract-center.png'" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="card" @click="clickNav('/pages-biz/reserve/reserveRecords')">
|
<view class="card" @click="clickNav('/pages-biz/reserve/reserveRecords')">
|
||||||
<view class="card-title">我的预约</view>
|
<view class="card-left">
|
||||||
<view class="card-main">
|
<view class="card-title">
|
||||||
<view class="card-content">
|
我的预约
|
||||||
|
<u-icon name="arrow-right" color="#2979ff" size="28" class="arrow-icon"></u-icon>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view class="card-info">
|
||||||
|
<view class="card-type">预约中</view>
|
||||||
<view class="card-number">{{handlingReserveNum}}</view>
|
<view class="card-number">{{handlingReserveNum}}</view>
|
||||||
<view class="card-type">个预约中</view>
|
|
||||||
</view>
|
|
||||||
<view class="card-icon">
|
|
||||||
<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class="card-right">
|
||||||
|
<image class="card-icon" :src="staticHost + '/public' + '/static/center/reserve-center.png'" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 订单信息 -->
|
<!-- 订单信息 -->
|
||||||
<view class="my-service">
|
<view class="my-service">
|
||||||
<view class="service-title">订单信息</view>
|
<view class="service-title">常用功能</view>
|
||||||
<view class="service-list">
|
<view class="service-list">
|
||||||
<view class="service-item" @click="clickNav('/pages-biz/bill/payHistory')">
|
<view class="service-item" @click="clickNav('/pages-biz/contract/contract')">
|
||||||
<view class="service-icon">
|
<view class="service-icon">
|
||||||
<image :src="staticHost + '/public' + '/static/icon/bill.png'"></image>
|
<image :src="staticHost + '/public' + '/static/center/contract.png'"></image>
|
||||||
</view>
|
</view>
|
||||||
<view class="service-name">账单</view>
|
<view class="service-name">我的合同</view>
|
||||||
</view>
|
|
||||||
<view class="service-item" @click="clickNav('/pages-biz/myrent/myLease')">
|
|
||||||
<view class="service-icon">
|
|
||||||
<image :src="staticHost + '/public' + '/static/icon/myrent.png'"></image>
|
|
||||||
</view>
|
|
||||||
<view class="service-name">租赁资产</view>
|
|
||||||
</view>
|
|
||||||
<view class="service-item" @click="clickNav('/pages-biz/wae/wae')">
|
|
||||||
<view class="service-icon badge-wrapper">
|
|
||||||
<image :src="staticHost + '/public' + '/static/icon/wae.png'"></image>
|
|
||||||
<view v-if="unpaidWaeCount > 0" class="badge">
|
|
||||||
{{ unpaidWaeCount > 99 ? '99+' : unpaidWaeCount }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="service-name">水电费待付</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaid')">
|
<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaid')">
|
||||||
<view class="service-icon badge-wrapper">
|
<view class="service-icon">
|
||||||
<image :src="staticHost + '/public' + '/static/icon/unpaid.png'"></image>
|
<image :src="staticHost + '/public' + '/static/center/rentbill.png'"></image>
|
||||||
<view v-if="unpaidRentCount > 0" class="badge">
|
<!-- <view v-if="unpaidRentCount > 0" class="badge">
|
||||||
{{ unpaidRentCount > 99 ? '99+' : unpaidRentCount }}
|
{{ unpaidRentCount > 99 ? '99+' : unpaidRentCount }}
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
<view class="service-name">租金待付</view>
|
<view class="service-name">租赁账单</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item" @click="clickNav('/pages-biz/wae/wae')">
|
||||||
|
<view class="service-icon">
|
||||||
|
<image :src="staticHost + '/public' + '/static/center/wae.png'"></image>
|
||||||
|
<!-- <view v-if="unpaidWaeCount > 0" class="badge">
|
||||||
|
{{ unpaidWaeCount > 99 ? '99+' : unpaidWaeCount }}
|
||||||
|
</view> -->
|
||||||
|
</view>
|
||||||
|
<view class="service-name">水电账单</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item" @click="clickNav('/pages-biz/bill/payHistory')">
|
||||||
|
<view class="service-icon badge-wrapper">
|
||||||
|
<image :src="staticHost + '/public' + '/static/center/payhistory.png'"></image>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="service-name">收支记录</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item" @click="clickNav('/pages-biz/reserve/reserveRecords')">
|
||||||
|
<view class="service-icon badge-wrapper">
|
||||||
|
<image :src="staticHost + '/public' + '/static/center/reserve.png'"></image>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="service-name">看房预约</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item" @click="clickNav('/pages-assets/discharge/leaseCancelList')">
|
||||||
|
<view class="service-icon badge-wrapper">
|
||||||
|
<image :src="staticHost + '/public' + '/static/center/discharge.png'"></image>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="service-name">退租申请</view>
|
||||||
|
</view>
|
||||||
|
<view class="service-item" @click="clickNav('/pages-assets/fallback/fallback')">
|
||||||
|
<view class="service-icon badge-wrapper">
|
||||||
|
<image :src="staticHost + '/public' + '/static/center/fallback.png'"></image>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
<view class="service-name">我要留言</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaidMargin')">
|
<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaidMargin')">
|
||||||
<view class="service-icon badge-wrapper">
|
<view class="service-icon badge-wrapper">
|
||||||
<image :src="staticHost + '/public' + '/static/icon/unpaidMargin.png'"></image>
|
<image :src="staticHost + '/public' + '/static/center/repair.png'"></image>
|
||||||
<view v-if="unpaidMargin > 0" class="badge">
|
|
||||||
{{ unpaidMargin > 99 ? '99+' : unpaidMargin }}
|
|
||||||
</view>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="service-name">保证金待付</view>
|
<view class="service-name">维修需求</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<!-- 辅助工具 -->
|
<!-- 其他功能 -->
|
||||||
<view class="common-tools">
|
<view class="common-tools">
|
||||||
<view class="tools-title">辅助工具</view>
|
<view class="tools-title">其他功能</view>
|
||||||
<view class="tools-list">
|
<view class="tools-list">
|
||||||
<view class="tool-item" @click="clickNav('/pages-assets/fallback/fallback')">
|
<view class="tool-item" @click="clickNav('/pages-biz/profile/profile')">
|
||||||
<view class="tool-icon">
|
<image class="tool-icon" :src="staticHost + '/public' + '/static/center/auth.png'" mode="widthFix"></image>
|
||||||
<image :src="staticHost + '/public' + '/static/icon/fallback.png'" mode="widthFix"></image>
|
<view class="tool-center">
|
||||||
|
<text class="tool-name">实名认证</text>
|
||||||
|
<text class="tool-desc">个人实名信息认证</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="tool-name">留言板</view>
|
<text class="auth-tag">{{user.oaAuth ? '已认证' : '未认证'}}</text>
|
||||||
|
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||||
</view>
|
</view>
|
||||||
<!-- 新增计算器 -->
|
|
||||||
<view class="tool-item" @click="clickNav('/pages-biz/tool/calculator')">
|
<view class="tool-item" @click="clickNav('/pages-biz/tool/calculator')">
|
||||||
<view class="tool-icon">
|
<image class="tool-icon" :src="staticHost + '/public/static/center/caculator.png'" mode="widthFix"></image>
|
||||||
<image :src="staticHost + '/public/static/icon/calculator.png'" mode="widthFix"></image>
|
<view class="tool-center">
|
||||||
</view>
|
<text class="tool-name">计算器</text>
|
||||||
<view class="tool-name">计算器</view>
|
<text class="tool-desc">便捷工具</text>
|
||||||
</view>
|
</view>
|
||||||
|
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||||
|
</view>
|
||||||
|
<view class="tool-item" @click="toSetting()">
|
||||||
|
<image class="tool-icon" :src="staticHost + '/public/static/center/setting.png'" mode="widthFix"></image>
|
||||||
|
<view class="tool-center">
|
||||||
|
<text class="tool-name">设置</text>
|
||||||
|
<text class="tool-desc">小程序相关设置</text>
|
||||||
|
</view>
|
||||||
|
<u-icon name="arrow-right" color="#999" size="28"></u-icon>
|
||||||
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -185,12 +225,12 @@
|
|||||||
try {
|
try {
|
||||||
// await this.$checkToken(this.$getToken())
|
// await this.$checkToken(this.$getToken())
|
||||||
this.loadUserInfo()
|
this.loadUserInfo()
|
||||||
this.countHandlingReserve()
|
// this.countHandlingReserve()
|
||||||
this.countUnHandleContract()
|
// this.countUnHandleContract()
|
||||||
this.countUnpayRentBills()
|
// this.countUnpayRentBills()
|
||||||
this.countUnpayWaeBills()
|
// this.countUnpayWaeBills()
|
||||||
this.countUnreadMsg()
|
// this.countUnreadMsg()
|
||||||
this.countUnpaidRentMargin()
|
// this.countUnpaidRentMargin()
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
@@ -349,15 +389,21 @@
|
|||||||
|
|
||||||
.name-text {
|
.name-text {
|
||||||
font-size: 38rpx;
|
font-size: 38rpx;
|
||||||
font-weight: 500;
|
font-weight: 700;
|
||||||
color: #2D2B2C;
|
color: #2D2B2C;
|
||||||
margin-right: 16rpx;
|
margin-right: 16rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.user-type-icon {
|
||||||
|
width: 34rpx;
|
||||||
|
height: 34rpx;
|
||||||
|
margin-right: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
.auth-tag {
|
.auth-tag {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #86868C;
|
color: #86868C;
|
||||||
padding: 4rpx 12rpx;
|
padding: 8rpx 12rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.user-type {
|
.user-type {
|
||||||
@@ -381,7 +427,7 @@
|
|||||||
.contract-appointment {
|
.contract-appointment {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 30rpx;
|
gap: 30rpx;
|
||||||
padding: 20rpx;
|
padding: 15rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
@@ -389,59 +435,66 @@
|
|||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
padding: 24rpx;
|
padding: 24rpx;
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-title {
|
|
||||||
font-size: 30rpx;
|
|
||||||
font-weight: 500;
|
|
||||||
color: #222222;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-main {
|
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
position: relative;
|
min-height: 160rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-content {
|
.card-left {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-number {
|
.card-title {
|
||||||
font-size: 48rpx;
|
display: flex;
|
||||||
font-weight: 600;
|
align-items: center;
|
||||||
color: #EC712E;
|
font-size: 35rpx;
|
||||||
margin-bottom: 8rpx;
|
font-weight: 700;
|
||||||
|
color: #222222;
|
||||||
|
margin-bottom: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.arrow-icon {
|
||||||
|
margin-left: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-info {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-type {
|
.card-type {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #86868C;
|
color: #86868C;
|
||||||
|
margin-bottom: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-number {
|
||||||
|
font-size: 48rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #258AE6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card-right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card-icon {
|
.card-icon {
|
||||||
position: absolute;
|
|
||||||
right: 0;
|
|
||||||
bottom: -20rpx;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-icon image {
|
|
||||||
width: 120rpx;
|
width: 120rpx;
|
||||||
height: 111rpx;
|
max-height: 100rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* 我的服务 */
|
/* 我的服务 */
|
||||||
.my-service {
|
.my-service {
|
||||||
|
margin-top: 50rpx;
|
||||||
padding: 30rpx 40rpx;
|
padding: 30rpx 40rpx;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.service-title {
|
.service-title {
|
||||||
font-size: 30rpx;
|
font-size: 40rpx;
|
||||||
font-weight: 500;
|
font-weight: 700;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
@@ -464,7 +517,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.service-icon image {
|
.service-icon image {
|
||||||
width: 80rpx;
|
width: 70rpx;
|
||||||
height: 70rpx;
|
height: 70rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -481,40 +534,49 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tools-title {
|
.tools-title {
|
||||||
font-size: 30rpx;
|
font-size: 40rpx;
|
||||||
font-weight: 500;
|
font-weight: 700;
|
||||||
color: #222222;
|
color: #222222;
|
||||||
margin-bottom: 30rpx;
|
margin-bottom: 30rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tools-list {
|
.tools-list {
|
||||||
margin-top: 50rpx;
|
background-color: #fff;
|
||||||
margin-left: -20rpx;
|
border-radius: 16rpx;
|
||||||
display: flex;
|
overflow: hidden;
|
||||||
flex-flow: row wrap;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-item {
|
.tool-item {
|
||||||
width: 25%;
|
|
||||||
margin-bottom: 40rpx;
|
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
padding: 28rpx 24rpx;
|
||||||
|
|
||||||
|
&:active {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-icon {
|
.tool-icon {
|
||||||
margin-bottom: 16rpx;
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
margin-right: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-icon image {
|
.tool-center {
|
||||||
width: 47rpx;
|
flex: 1;
|
||||||
height: 47rpx;
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tool-name {
|
.tool-name {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #333;
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tool-desc {
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
color: #222222;
|
color: #999;
|
||||||
|
|
||||||
}
|
}
|
||||||
.badge-wrapper {
|
.badge-wrapper {
|
||||||
position: relative;
|
position: relative;
|
||||||
@@ -548,4 +610,9 @@
|
|||||||
.msg-icon {
|
.msg-icon {
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.msg-icon-img {
|
||||||
|
width: 48rpx;
|
||||||
|
height: 48rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<view class="index">
|
<view class="index">
|
||||||
<image :src="staticHost + '/public/static/index/index_bg.png'" mode="aspectFill" class="bg"></image>
|
<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' }">
|
<view class="index-title" :style="{ top: capsuleTop + 'px', height: capsuleHeight + 'px', lineHeight: capsuleHeight + 'px' }">
|
||||||
新望资产
|
新望资产
|
||||||
@@ -301,44 +301,83 @@
|
|||||||
if (this.loadStatus !== 'more') return;
|
if (this.loadStatus !== 'more') return;
|
||||||
|
|
||||||
this.loadStatus = 'loading';
|
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) {
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
this.loadStatus = 'nomore';
|
// let recommendType = this.recommendTabs[this.activeRecommendTab].type;
|
||||||
} else {
|
// let layoutList = this.activeFilterTabs.map(i => this.filterTabs[i].value);
|
||||||
this.pageNo++;
|
// this.$u.post('/assets/queryPage', {
|
||||||
this.loadStatus = 'more';
|
// 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 => {
|
// Mock 静态数据
|
||||||
console.log("获取资产信息失败：", err);
|
const mockData = [
|
||||||
this.loadStatus = 'more';
|
{
|
||||||
}).finally(() => {
|
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();
|
uni.stopPullDownRefresh();
|
||||||
});
|
}, 500);
|
||||||
},
|
},
|
||||||
clickImage(assetsNo) {
|
clickImage(assetsNo) {
|
||||||
console.log(assetsNo)
|
console.log(assetsNo)
|
||||||
@@ -383,22 +422,30 @@
|
|||||||
});
|
});
|
||||||
},
|
},
|
||||||
getNoticecList() {
|
getNoticecList() {
|
||||||
let url = "/notice/pageQuery";
|
// TODO: 接口联调时取消注释，删除 mock 数据
|
||||||
this.$u.post(url, {
|
// let url = "/notice/pageQuery";
|
||||||
pageNo: 1,
|
// this.$u.post(url, {
|
||||||
pageSize: 10
|
// pageNo: 1,
|
||||||
}).then(obj => {
|
// pageSize: 10
|
||||||
if (obj.flag) {
|
// }).then(obj => {
|
||||||
let data = obj.data.result
|
// if (obj.flag) {
|
||||||
if (data) {
|
// let data = obj.data.result
|
||||||
data.filter(item => {
|
// if (data) {
|
||||||
this.noticeList.push((item.noticeTitle || item.noticeContent))
|
// data.filter(item => {
|
||||||
})
|
// this.noticeList.push((item.noticeTitle || item.noticeContent))
|
||||||
}
|
// })
|
||||||
}
|
// }
|
||||||
}).catch(err => {
|
// }
|
||||||
console.log("获取招商公告失败：", err)
|
// }).catch(err => {
|
||||||
});
|
// console.log("获取招商公告失败：", err)
|
||||||
|
// });
|
||||||
|
|
||||||
|
// Mock 静态数据
|
||||||
|
this.noticeList = [
|
||||||
|
'东山大道435号房屋招租公告',
|
||||||
|
'夷陵大道418号商铺招租',
|
||||||
|
'2026年第三季度资产招租计划'
|
||||||
|
];
|
||||||
},
|
},
|
||||||
onBannerTap(item) {
|
onBannerTap(item) {
|
||||||
if (item.url) {
|
if (item.url) {
|
||||||
@@ -585,7 +632,7 @@
|
|||||||
|
|
||||||
.filter-item.active {
|
.filter-item.active {
|
||||||
background: #d4e2ef;
|
background: #d4e2ef;
|
||||||
color: #258AE6;
|
color: #0088FE;
|
||||||
}
|
}
|
||||||
|
|
||||||
.demo-warter {
|
.demo-warter {
|
||||||
@@ -613,7 +660,7 @@
|
|||||||
|
|
||||||
.item-price {
|
.item-price {
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
color: #258AE6;
|
color: #0088FE;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -669,7 +716,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: 88rpx;
|
height: 88rpx;
|
||||||
line-height: 88rpx;
|
line-height: 88rpx;
|
||||||
background: linear-gradient(135deg, #258AE6, #79b5ff);
|
background: linear-gradient(135deg, #0088FE, #79b5ff);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
|
|||||||
Reference in New Issue
Block a user