kaifabu/RentWeAppFront
2
0
Fork 0
mirror of http://36.133.248.69:3088/admin/RentWeAppFront.git synced 2026-07-26 22:42:28 +08:00
Code Issues 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

285
pages/center/center.vue
View File

@@ -9,18 +9,18 @@
<view class="user-info">
<view class="user-name">
<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 class="user-type">用户类型：{{user.userType ==='0' ? '个人' : '组织'}}</view>
</view>
<view class="msg-setting">
<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">
{{ unreadMsgCount > 99 ? '99+' : unreadMsgCount }}
</view>
</view>
<u-icon name="setting" size="48" color="#333" @click="toSetting()"></u-icon>
</view>
</view>
@@ -28,95 +28,135 @@
<!-- 我的合同和我的预约 -->
<view class="contract-appointment">
<view class="card" @click="clickNav('/pages-biz/contract/contract')">
<view class="card-title">我的合同</view>
<view class="card-main">
<view class="card-content">
<view class="card-left">
<view class="card-title">
我的合同
<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-type">份待签署合同</view>
</view>
<view class="card-icon">
<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
</view>
</view>
<view class="card-right">
<image class="card-icon" :src="staticHost + '/public' + '/static/center/contract-center.png'" mode="widthFix"></image>
</view>
</view>
<view class="card" @click="clickNav('/pages-biz/reserve/reserveRecords')">
<view class="card-title">我的预约</view>
<view class="card-main">
<view class="card-content">
<view class="card-left">
<view class="card-title">
我的预约
<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-type">个预约中</view>
</view>
<view class="card-icon">
<image :src="staticHost + '/public' + '/static/icon/sign.png'" mode="widthFix"></image>
</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 class="my-service">
<view class="service-title">订单信息</view>
<view class="service-title">常用功能</view>
<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">
<image :src="staticHost + '/public' + '/static/icon/bill.png'"></image>
<image :src="staticHost + '/public' + '/static/center/contract.png'"></image>
</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 class="service-name">我的合同</view>
</view>
<view class="service-item" @click="clickNav('/pages-biz/unpaid/unpaid')">
<view class="service-icon badge-wrapper">
<image :src="staticHost + '/public' + '/static/icon/unpaid.png'"></image>
<view v-if="unpaidRentCount > 0" class="badge">
<view class="service-icon">
<image :src="staticHost + '/public' + '/static/center/rentbill.png'"></image>
<!-- <view v-if="unpaidRentCount > 0" class="badge">
{{ unpaidRentCount > 99 ? '99+' : unpaidRentCount }}
</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 class="service-item" @click="clickNav('/pages-biz/unpaid/unpaidMargin')">
<view class="service-icon badge-wrapper">
<image :src="staticHost + '/public' + '/static/icon/unpaidMargin.png'"></image>
<view v-if="unpaidMargin > 0" class="badge">
{{ unpaidMargin > 99 ? '99+' : unpaidMargin }}
</view>
<image :src="staticHost + '/public' + '/static/center/repair.png'"></image>
</view>
<view class="service-name">保证金待付</view>
<view class="service-name">维修需求</view>
</view>
</view>
</view>
</view>
<!-- 辅助工具 -->
<!-- 其他功能 -->
<view class="common-tools">
<view class="tools-title">辅助工具</view>
<view class="tools-title">其他功能</view>
<view class="tools-list">
<view class="tool-item" @click="clickNav('/pages-assets/fallback/fallback')">
<view class="tool-icon">
<image :src="staticHost + '/public' + '/static/icon/fallback.png'" mode="widthFix"></image>
<view class="tool-item" @click="clickNav('/pages-biz/profile/profile')">
<image class="tool-icon" :src="staticHost + '/public' + '/static/center/auth.png'" mode="widthFix"></image>
<view class="tool-center">
<text class="tool-name">实名认证</text>
<text class="tool-desc">个人实名信息认证</text>
</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 class="tool-item" @click="clickNav('/pages-biz/tool/calculator')">
<view class="tool-icon">
<image :src="staticHost + '/public/static/icon/calculator.png'" mode="widthFix"></image>
</view>
<view class="tool-name">计算器</view>
<image class="tool-icon" :src="staticHost + '/public/static/center/caculator.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 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>
@@ -185,12 +225,12 @@
try {
// await this.$checkToken(this.$getToken())
this.loadUserInfo()
this.countHandlingReserve()
this.countUnHandleContract()
this.countUnpayRentBills()
this.countUnpayWaeBills()
this.countUnreadMsg()
this.countUnpaidRentMargin()
// this.countHandlingReserve()
// this.countUnHandleContract()
// this.countUnpayRentBills()
// this.countUnpayWaeBills()
// this.countUnreadMsg()
// this.countUnpaidRentMargin()
} catch (e) {
return
}
@@ -349,15 +389,21 @@
.name-text {
font-size: 38rpx;
font-weight: 500;
font-weight: 700;
color: #2D2B2C;
margin-right: 16rpx;
}
.user-type-icon {
width: 34rpx;
height: 34rpx;
margin-right: 8rpx;
}
.auth-tag {
font-size: 26rpx;
color: #86868C;
padding: 4rpx 12rpx;
padding: 8rpx 12rpx;
}
.user-type {
@@ -381,7 +427,7 @@
.contract-appointment {
display: flex;
gap: 30rpx;
padding: 20rpx;
padding: 15rpx;
}
.card {
@@ -389,59 +435,66 @@
background-color: #fff;
border-radius: 10rpx;
padding: 24rpx;
display: flex;
flex-direction: column;
}
.card-title {
font-size: 30rpx;
font-weight: 500;
color: #222222;
}
.card-main {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
min-height: 160rpx;
}
.card-content {
.card-left {
flex: 1;
}
.card-number {
font-size: 48rpx;
font-weight: 600;
color: #EC712E;
margin-bottom: 8rpx;
.card-title {
display: flex;
align-items: center;
font-size: 35rpx;
font-weight: 700;
color: #222222;
margin-bottom: 16rpx;
}
.arrow-icon {
margin-left: 5rpx;
}
.card-info {
display: flex;
flex-direction: column;
}
.card-type {
font-size: 26rpx;
color: #86868C;
margin-bottom: 8rpx;
}
.card-number {
font-size: 48rpx;
font-weight: 600;
color: #258AE6;
}
.card-right {
display: flex;
align-items: center;
}
.card-icon {
position: absolute;
right: 0;
bottom: -20rpx;
}
.card-icon image {
width: 120rpx;
height: 111rpx;
max-height: 100rpx;
}
/* 我的服务 */
.my-service {
margin-top: 50rpx;
padding: 30rpx 40rpx;
margin-bottom: 30rpx;
}
.service-title {
font-size: 30rpx;
font-weight: 500;
font-size: 40rpx;
font-weight: 700;
color: #222222;
margin-bottom: 30rpx;
}
@@ -464,7 +517,7 @@
}
.service-icon image {
width: 80rpx;
width: 70rpx;
height: 70rpx;
}
@@ -481,40 +534,49 @@
}
.tools-title {
font-size: 30rpx;
font-weight: 500;
font-size: 40rpx;
font-weight: 700;
color: #222222;
margin-bottom: 30rpx;
}
.tools-list {
margin-top: 50rpx;
margin-left: -20rpx;
display: flex;
flex-flow: row wrap;
background-color: #fff;
border-radius: 16rpx;
overflow: hidden;
}
.tool-item {
width: 25%;
margin-bottom: 40rpx;
display: flex;
flex-direction: column;
align-items: center;
padding: 28rpx 24rpx;
&:active {
background-color: #f8f8f8;
}
}
.tool-icon {
margin-bottom: 16rpx;
width: 48rpx;
height: 48rpx;
margin-right: 20rpx;
}
.tool-icon image {
width: 47rpx;
height: 47rpx;
.tool-center {
flex: 1;
display: flex;
flex-direction: column;
}
.tool-name {
font-size: 30rpx;
color: #333;
margin-bottom: 6rpx;
}
.tool-desc {
font-size: 24rpx;
color: #222222;
color: #999;
}
.badge-wrapper {
position: relative;
@@ -548,4 +610,9 @@
.msg-icon {
position: relative;
}
.msg-icon-img {
width: 48rpx;
height: 48rpx;
}
</style>