zhouyanli/property-manager-side
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

对接首页消息通知、巡检点 切换小区获取最新数据

Browse Source
This commit is contained in:
zhouyanli
2026-05-15 16:06:32 +08:00
parent 8324d096c0
commit 856f36455c
17 changed files with 425 additions and 770 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
wuye-manager-uniapp/api/api.js
View File

@@ -26,6 +26,27 @@ export const getVillageList = (data) =>{
export const switchVillage = (data) =>{
return post('/api/inspection/today/switchVillage',data)
}
// 获取当前小区
export const getCurrentVillage = () =>{
return get('/api/butler/auth/today/village')
}
// 获取首页今日巡检
export const getTodayInspection = () =>{
return get('/api/inspection/today/inspection')
}
// 首页最新消息通知
export const getNewNoticeData = () =>{
return get('/manage/notice/new')
}
// ============通知列表===========
export const getNoticeList = (data) =>{
return get('/manage/notice/repair',data)
}
// ======故障上报=====
// 获取报修项目
export const getRepairOrder = () =>{
@@ -40,8 +61,21 @@ export const uploadFile = (filePath) => {
return upload(filePath,' /resource/oss/upload');
}
// 查询一键开门
export const getOpenDoorList = () =>{
return get('/manage/remote/open/accessdevice')
}
// 一键开门
export const openDoor = (data) =>{
export const switchOpenDoor = (data) =>{
return post('/manage/remote/open',data)
}
// ===========我的========
// 获取管家信息
export const getSettingInfo = () =>{
return get('/api/setting/info')
}
// 设置-修改密码
export const changePassword = (data) =>{
return post('/api/setting/changePassword',data)
}

2
wuye-manager-uniapp/api/request.js
View File

@@ -2,7 +2,7 @@ let baseUrl = '';
if (process.env.NODE_ENV === 'development') {
baseUrl = 'http://192.168.0.239:8080'; // 开发环境
} else {
baseUrl = 'http://192.168.0.224:8080'; // 生产环境
baseUrl = 'http://192.168.0.239:8080'; // 生产环境
}
export default function request(url, data = {}, method = "GET") {

28
wuye-manager-uniapp/pageSubPack/fault-reporting/fault-reporting.vue
View File

@@ -53,7 +53,7 @@
<view class="upload-item" v-for="(img, index) in form.images" :key="index">
<image :src="img" mode="aspectFill" class="upload-img"></image>
<image
src="http://47.104.199.163:9090/images/imgs/delete.png"
src="https://wuyeadmin.bugtc.com/images/imgs/delete.png"
class="upload-delete"
@click="deleteImage(index)"
></image>
@@ -61,8 +61,8 @@
</view>
<!-- 上传按钮 -->
<view class="upload-btn" @click="chooseImage" v-if="form.images.length < 3">
<uni-icons type="plus" size="24"></uni-icons>
<text>上传照片</text>
<uni-icons type="plusempty" size="24"></uni-icons>
<!-- <text>上传照片</text> -->
</view>
</view>
</view>
@@ -74,7 +74,7 @@
<script setup>
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { onLoad,onShow ,onUnload} from '@dcloudio/uni-app'
import {addRepairList,uploadFile} from '../../api/api.js'
@@ -92,13 +92,24 @@ const form = ref({
// ==========方法========
// 页面加载时获取传参
onLoad(options => {
// 页面加载
onLoad((options) => {
// 第一次进入页面接收参数
if (options.category && options.project) {
repairProject.value = `${options.category}-${options.project}`
repairId.value = options.projectId
}
console.log('项目id',repairId.value)
// ✅ 监听返回选择的项目
uni.$on('selectRepairProject', (data) => {
repairProject.value = `${data.category}-${data.project}`
repairId.value = data.projectId
})
})
// ✅ 页面卸载时移除监听（必须加）
onUnload(() => {
uni.$off('selectRepairProject')
})
// 选择项目页
@@ -287,7 +298,8 @@ const submitForm = async () => {
.upload-btn {
width: 80px;
height: 80px;
border: 1px dashed #ccc;
/* border: 1px dashed #ccc; */
background-color: #f3f3f3;
border-radius: 4px;
display: flex;
flex-direction: column;

20
wuye-manager-uniapp/pageSubPack/fault-reporting/repairSelect.vue
View File

@@ -99,15 +99,25 @@ onLoad(() =>{
fetchProjectList()
})
// 选择项目并跳转到维修项目填写页
// 选择项目并返回到维修项目填写页
const selectProject = (item) => {
// 获取分类名称
const categoryName = categoryList.value.find(c => c.id === item.categoryId)?.projectName
// 跳转并传参
uni.navigateTo({
url: `/pageSubPack/fault-reporting/fault-reporting?category=${categoryName}&project=${item.projectName}&projectId=${item.id}`
const categoryName = categoryList.value.find(c => c.id === item.categoryId)?.projectName || '';
// 用全局事件发送参数
uni.$emit('selectRepairProject', {
category: categoryName, // 分类名
project: item.projectName, // 项目名
projectId: item.id // 项目ID
})
// 返回上一页
uni.navigateBack({
delta: 1
})
}
</script>
<style scoped>

4
wuye-manager-uniapp/pageSubPack/loginSub/login.vue
View File

@@ -9,7 +9,7 @@
<view class="input-icon">
<!-- <uni-icons type="phone" size="24" color="#999"></uni-icons> -->
<image
src="http://47.104.199.163:9090/images/login/phone.png"
src="https://wuyeadmin.bugtc.com/images/login/phone.png"
mode=""
style="height: 100%; width: 100%"
></image>
@@ -30,7 +30,7 @@
<view class="input-item verify-item">
<view class="input-icon">
<image
src="http://47.104.199.163:9090/images/login/code.png"
src="https://wuyeadmin.bugtc.com/images/login/code.png"
mode=""
style="height: 100%; width: 100%"
>

4
wuye-manager-uniapp/pageSubPack/loginSub/pwd-login.vue
View File

@@ -8,7 +8,7 @@
<view class="input-item">
<view class="input-icon">
<!-- <uni-icons type="phone" size="24" color="#999"></uni-icons> -->
<image src="http://47.104.199.163:9090/images/login/phone.png" mode=""
<image src="https://wuyeadmin.bugtc.com/images/login/phone.png" mode=""
style="height: 100%;width: 100%;"></image>
</view>
<uni-easyinput class="input-content" type="text" v-model="phoneNumber" placeholder="请输入帐号"
@@ -20,7 +20,7 @@
<view class="input-item">
<view class="input-icon">
<!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
<image src="http://47.104.199.163:9090/images/login/password.png" mode=""
<image src="https://wuyeadmin.bugtc.com/images/login/password.png" mode=""
style="height: 100%;width: 100%;"></image>
</view>
<uni-easyinput class="input-content" type="password" v-model="password" placeholder="请输入6-16位密码"

175
wuye-manager-uniapp/pageSubPack/notice-list/notice-list.vue
View File

@@ -1,48 +1,120 @@
<template>
<view class="news-detail-page">
<!-- 单条资讯卡片 -->
<view class="news-card">
<!-- 标题 + 右上角未读红点 -->
<!-- 循环渲染通知列表 -->
<view class="news-card" v-for="item in noticeList" :key="item.id">
<view class="news-header">
<text class="news-title">以实干担当不断开创中国特色大国外交实干担当不断开创中国特色大国外交</text>
<view class="unread-dot"></view>
<text class="news-title">{{ item.item || '暂无标题' }}</text>
<view class="unread-dot" v-if="item.isCheck === '0' "></view>
</view>
<!-- 发布人 + 时间 -->
<view class="news-meta">
<text class="author">张三</text>
<text class="publish-time">2026-07-01</text>
<text class="author">{{ item.residentName || '管理员' }}</text>
<text class="publish-time">{{ item.createTime }}</text>
</view>
<!-- 内容区域：浅背景卡片 -->
<view class="news-content">
<text class="content-text">
学习贯彻习近平新时代中国特色社会主义思想主题教育开展以来，外交外事战线认真学习贯彻习近平总书记重要讲话精神和党中央部署要求，全面准确把...
</text>
<text class="content-text">{{ item.notice || item.problem }}</text>
</view>
<!-- 详情按钮 -->
<view class="detail-btn" @click="goToDetail">
<view class="detail-btn" @click="goToDetail(item)">
<text class="detail-text">详情</text>
<uni-icons type="right" size="14" color="#4D5DFA"></uni-icons>
</view>
</view>
<!-- 加载提示 + 没有更多数据 -->
<view class="load-more" v-if="noticeList.length > 0">
<text v-if="loading">加载中...</text>
<text v-else-if="noMore">没有更多数据了</text>
</view>
<!-- 空数据 -->
<view class="empty" v-if="noticeList.length === 0 && !loading">
暂无通知消息
</view>
</view>
</template>
<script setup>
import { ref } from 'vue'
import { onShow, onReachBottom, onPullDownRefresh } from '@dcloudio/uni-app'
import { getNoticeList } from '../../api/api.js'
// 跳转到详情页方法
const goToDetail = () => {
uni.navigateTo({
url: '/pageSubPack/notice-list/noticeListDetails'
// 列表数据
const noticeList = ref([])
// 分页相关
const pageNum = ref(1) // 当前页
const pageSize = ref(5) // 每页条数
const total = ref(0) // 总条数
const loading = ref(false) // 加载状态
const noMore = ref(false) // 是否没有更多
// 获取列表数据
const getNoticeData = (isRefresh = false) => {
// 防止重复请求
if (loading.value || noMore.value) return
loading.value = true
getNoticeList({
pageSize: pageSize.value,
pageNum: pageNum.value
}).then(res => {
if (res.code === 200) {
total.value = res.total || 0
const data = res.rows || []
// 第一页：覆盖，分页：追加
if (pageNum.value === 1) {
noticeList.value = data
} else {
noticeList.value = [...noticeList.value, ...data]
}
// 判断是否还有更多
noMore.value = noticeList.value.length >= total.value
}
}).catch(() => {
uni.showToast({ title: '加载失败', icon: 'none' })
}).finally(() => {
loading.value = false
if (isRefresh) {
uni.stopPullDownRefresh()
}
})
}
// 上拉加载更多
onReachBottom(() => {
if (noMore.value || loading.value) return
pageNum.value++
getNoticeData()
})
// 下拉刷新
onPullDownRefresh(() => {
pageNum.value = 1
noMore.value = false
getNoticeData(true)
})
// 跳详情（即时标记已读）
const goToDetail = (item) => {
item.isCheck = '1'
uni.navigateTo({
url: `/pageSubPack/ticket/repairMain?id=${item.id}`
})
}
// 页面显示时刷新（从详情页返回也会触发）
onShow(() => {
pageNum.value = 1
noMore.value = false
getNoticeData()
})
</script>
<style lang="scss" scoped>
// 页面基础样式
.news-detail-page {
padding: 20rpx;
background-color: #f9f9f9;
@@ -50,15 +122,13 @@ const goToDetail = () => {
box-sizing: border-box;
}
// 资讯卡片：白色背景 + 圆角
.news-card {
background-color: #ffffff;
background-color: #fff;
border-radius: 12rpx;
padding: 30rpx;
box-sizing: border-box;
margin-bottom: 20rpx;
}
// 标题行：标题 + 红点
.news-header {
display: flex;
justify-content: space-between;
@@ -66,20 +136,16 @@ const goToDetail = () => {
margin-bottom: 20rpx;
}
// 资讯标题
.news-title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 1.4;
color: #333;
flex: 1;
margin-right: 10rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
// 右上角未读红点
.unread-dot {
width: 16rpx;
height: 16rpx;
@@ -88,46 +154,53 @@ const goToDetail = () => {
margin-top: 6rpx;
}
// 发布人+时间行
.news-meta {
margin-bottom: 20rpx;
.author {
font-size: 26rpx;
color: #666;
margin-right: 20rpx;
}
.publish-time {
font-size: 26rpx;
color: #999;
}
}
.author {
font-size: 26rpx;
color: #666666;
margin-right: 20rpx;
}
.publish-time {
font-size: 26rpx;
color: #999999;
}
// 内容区域：浅背景卡片
.news-content {
background-color: #f5f5f5;
border-radius: 8rpx;
padding: 20rpx;
margin-bottom: 20rpx;
.content-text {
font-size: 28rpx;
color: #333;
line-height: 1.5;
}
}
.content-text {
font-size: 28rpx;
color: #333333;
line-height: 1.5;
}
// 详情按钮：蓝色文字 + 右箭头
.detail-btn {
display: flex;
align-items: center;
justify-content: space-between;
.detail-text {
font-size: 28rpx;
color: #4D5DFA;
margin-right: 8rpx;
}
}
.detail-text {
.load-more {
text-align: center;
padding: 30rpx;
color: #999;
font-size: 26rpx;
}
.empty {
text-align: center;
padding: 100rpx 0;
color: #999;
font-size: 28rpx;
color: #4D5DFA;
margin-right: 8rpx;
}
</style>

531
wuye-manager-uniapp/pageSubPack/notice-list/noticeListDetails.vue
View File

@@ -1,531 +0,0 @@
<template>
<view class="container">
<!-- 内容区域 -->
<!-- <scroll-view class="content-scroll" scroll-y> -->
<!-- 文章标题 -->
<view class="article-header">
<view class="article-title">
{{noticeDetail.noticeTitle}}
</view>
</view>
<!-- 作者和日期 -->
<view class="notice-meta">
<view class="notice-author">
<text class="author-name">{{noticeDetail.author}}</text>
<text class="separator">·</text>
<text class="publish-time">{{noticeDetail.publishTime}}</text>
</view>
</view>
<!-- 文章内容 -->
<view class="article-content">
<view class="paragraph">
{{noticeDetail.noticeContent}}
</view>
<view class="articleimg">
<image src="http://47.104.199.163:9090/images/home/notice-1.png" mode="" style="width: 100%;height: 100%;border-radius: 20rpx;"></image>
<image src="http://47.104.199.163:9090/images/home/notice-2.png" mode="" style="width: 100%;height: 100%;border-radius: 20rpx;"></image>
</view>
</view>
<!-- 附件区域 -->
<!-- <view class="attachments-section">
<view class="section-title">
<view class="title-text">相关附件</view>
<view class="title-line"></view>
</view>
<view class="attachments-list"> -->
<!-- DOC文件 -->
<!-- <view class="attachment-item" @click="downloadFile('filename.DOC')">
<view class="attachment-left">
<view class="file-icon doc-icon">📄</view>
<view class="file-info">
<view class="file-name">文件名.DOC</view>
<view class="file-size">299kb</view>
</view>
</view>
<view class="download-btn">
<view class="download-icon">↓</view>
</view>
</view> -->
<!-- PDF文件 -->
<!-- <view class="attachment-item" @click="downloadFile('filename.PDF')">
<view class="attachment-left">
<view class="file-icon pdf-icon">📄</view>
<view class="file-info">
<view class="file-name">文件名.PDF</view>
<view class="file-size">299kb</view>
</view>
</view>
<view class="download-btn">
<view class="download-icon">↓</view>
</view>
</view>
</view>
</view> -->
<!-- </scroll-view> -->
</view>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import { onLoad, onShow } from '@dcloudio/uni-app'
// import {getNoticeDetails} from '../api/api.js'
const isLoading = ref(false)
const noticeDetail = ref({})
const currentNoticeId = ref('') // 接收公告跳转的id
// =====方法====
onLoad((options) =>{
currentNoticeId.value = options?.id
// console.log('currentNoticeId',currentNoticeId.value)
if(currentNoticeId.value){
getDetailsData(currentNoticeId.value)
}
// console.log('currentNoticeId',currentNoticeId.value)
})
// 获取详情数据
const getDetailsData = async (noticeId) =>{
try{
const res = await getNoticeDetails(noticeId)
if(res.code === 200){
noticeDetail.value = res.data || {}
uni.$emit('noticeRead',{
noticeId:noticeId,
readStatus:noticeDetail.value.readStatus
})
}
}catch(err){
uni.showToast({
title:"加载失败",
icon:"none"
})
}
}
// 下载文件
const downloadFile = (fileName) => {
uni.showModal({
title: '下载确认',
content: `确定要下载 "${fileName}" 吗？`,
success: (res) => {
if (res.confirm) {
isLoading.value = true
// 显示下载进度
uni.showLoading({
title: '下载中...',
mask: true
})
// 模拟下载过程
setTimeout(() => {
uni.hideLoading()
isLoading.value = false
// 根据文件类型打开文件
if (fileName.endsWith('.PDF')) {
uni.showToast({
title: 'PDF文件已保存到下载目录',
icon: 'success',
duration: 2000
})
// 在真实项目中，这里应该调用下载API
// uni.downloadFile({
// url: 'https://example.com/files/filename.PDF',
// success: (res) => {
// if (res.statusCode === 200) {
// uni.saveFile({
// tempFilePath: res.tempFilePath,
// success: (saveRes) => {
// uni.showToast({ title: '下载成功', icon: 'success' })
// }
// })
// }
// }
// })
} else if (fileName.endsWith('.DOC')) {
uni.showToast({
title: 'DOC文件已保存到下载目录',
icon: 'success',
duration: 2000
})
}
}, 1500)
}
}
})
}
</script>
<style lang="scss" scoped>
.container {
min-height: 100vh;
background-color: #ffffff;
padding: 20px;
// font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}
/* 内容滚动区域 */
.content-scroll {
padding-top: 15px;
box-sizing: border-box;
background-color: #ffffff;
}
/* 文章头部 */
.article-header {
// padding: 24px 20px 20px;
// border-bottom: 1px solid #f0f0f0;
.article-title {
font-size: 32rpx;
font-weight: bold;
color: #333333;
line-height: 1.4;
margin-bottom: 16px;
text-align: center;
}
.article-meta {
display: flex;
align-items: center;
justify-content: center;
color: #666666;
font-size: 14px;
.meta-item {
display: flex;
align-items: center;
.meta-icon {
font-size: 14px;
margin-right: 4px;
}
.meta-text {
font-size: 14px;
}
}
.meta-divider {
margin: 0 12px;
color: #cccccc;
}
}
}
/* 元信息 */
.notice-meta {
display: flex;
align-items: center;
justify-content: center;
// margin-bottom: 12px;
color: #666;
font-size: 16px;
margin: 0 30rpx;
.notice-author {
display: flex;
align-items: center;
.author-name {
color: #666;
}
.separator {
margin: 0 6px;
color: #ccc;
}
.publish-time {
color: #999;
}
}
.notice-time {
display: flex;
align-items: center;
.date-text {
margin-left: 4px;
color: #999;
}
}
}
/* 文章内容 */
.article-content {
padding: 20px;
color: #333333;
line-height: 1.8;
font-size: 16px;
.articleimg{
width: 100%;
height: 249rpx;
}
.paragraph {
margin-bottom: 20px;
text-align: justify;
text-indent: 2em;
}
.bullet-list {
margin: 20px 0 20px 2em;
.bullet-item {
display: flex;
margin-bottom: 12px;
.bullet-dot {
color: #666666;
margin-right: 8px;
flex-shrink: 0;
}
.bullet-text {
flex: 1;
color: #333333;
}
}
}
}
/* 附件区域 */
.attachments-section {
padding: 20px;
background-color: #f9f9f9;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
margin-top: 20px;
.section-title {
display: flex;
align-items: center;
margin-bottom: 20px;
.title-text {
font-size: 18px;
font-weight: 600;
color: #333333;
white-space: nowrap;
margin-right: 12px;
}
.title-line {
flex: 1;
height: 1px;
background-color: #e0e0e0;
}
}
.attachments-list {
.attachment-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px;
background-color: #ffffff;
border-radius: 8px;
margin-bottom: 12px;
border: 1px solid #e8e8e8;
&:active {
background-color: #f5f5f5;
}
&:last-child {
margin-bottom: 0;
}
.attachment-left {
display: flex;
align-items: center;
flex: 1;
.file-icon {
font-size: 24px;
margin-right: 12px;
&.doc-icon {
color: #2b579a; /* Word文档蓝色 */
}
&.pdf-icon {
color: #e74c3c; /* PDF红色 */
}
}
.file-info {
.file-name {
font-size: 16px;
color: #333333;
margin-bottom: 4px;
font-weight: 500;
}
.file-size {
font-size: 13px;
color: #666666;
}
}
}
.download-btn {
width: 40px;
height: 40px;
border-radius: 20px;
background-color: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
.download-icon {
font-size: 18px;
color: #333333;
}
}
}
}
}
/* 页面底部 */
.page-footer {
padding: 30px 20px 40px;
display: flex;
flex-direction: column;
align-items: center;
.footer-text {
font-size: 16px;
color: #999999;
margin-bottom: 20px;
}
.footer-info {
display: flex;
align-items: center;
font-size: 13px;
color: #999999;
.info-item {
padding: 0 8px;
}
.info-divider {
color: #dddddd;
}
}
}
/* 响应式调整 */
@media (min-width: 768px) {
.container {
max-width: 768px;
margin: 0 auto;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.article-header,
.article-content,
.attachments-section,
.page-footer {
padding-left: 40px;
padding-right: 40px;
}
}
/* 暗色模式适配 */
@media (prefers-color-scheme: dark) {
.container {
background-color: #1a1a1a;
}
.custom-navbar {
background-color: #1a1a1a;
border-bottom-color: #333333;
.nav-back,
.nav-title {
color: #ffffff;
}
.nav-actions .action-icon {
color: #ffffff;
}
}
.content-scroll {
background-color: #1a1a1a;
}
.article-header {
border-bottom-color: #333333;
.article-title {
color: #ffffff;
}
.article-meta {
color: #999999;
}
}
.article-content {
color: #e0e0e0;
.bullet-item .bullet-text {
color: #e0e0e0;
}
}
.attachments-section {
background-color: #2a2a2a;
border-top-color: #333333;
border-bottom-color: #333333;
.section-title .title-text {
color: #ffffff;
}
.attachment-item {
background-color: #2a2a2a;
border-color: #333333;
&:active {
background-color: #333333;
}
.file-info .file-name {
color: #ffffff;
}
.file-info .file-size {
color: #999999;
}
}
}
.page-footer {
.footer-text,
.footer-info {
color: #666666;
}
}
}
</style>

4
wuye-manager-uniapp/pageSubPack/notice-list/select-community.vue
View File

@@ -17,13 +17,13 @@
<view v-for="item in displayedCommunities" :key="item.id" class="community-item"
@tap="selectCommunity(item)" :class="{active: selectedItem?.id === item.id}">
<view class="community-item-left">
<image src="http://47.104.199.163:9090/images/imgs/community.png" style="width: 48rpx;height: 48rpx;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/community.png" style="width: 48rpx;height: 48rpx;"></image>
<view class="community-info">
<text class="community-name">{{ item.villageName }}</text>
</view>
</view>
<view v-if="selectedItem && selectedItem.id === item.id" class="selected-icon">
<image src="http://47.104.199.163:9090/images/imgs/check.png" style="width: 48rpx;height: 48rpx;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/check.png" style="width: 48rpx;height: 48rpx;"></image>
</view>
</view>

88
wuye-manager-uniapp/pageSubPack/oneClickOpen/oneClickOpen.vue
View File

@@ -7,7 +7,7 @@
<uni-nav-bar left-icon="left" title="远程开门" backgroundColor ="none" :border="false" @clickLeft="narBack" />
</view>
<view class="top-img">
<image src="http://47.104.199.163:9090/images/imgs/xuancheng-bg.png" mode="" style="width: 100%;height: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/xuancheng-bg.png" mode="" style="width: 100%;height: 100%;"></image>
</view>
<!-- 提示文案 -->
@@ -39,6 +39,11 @@
<text class="door-name">{{ item.name }}</text>
</view>
</view>
<!-- 空状态 -->
<view v-if="doorList.length === 0" class="empty-state">
<uni-icons type="info" size="30" color="#ccc"></uni-icons>
<text class="empty-text">暂无可用门禁</text>
</view>
</view>
<!-- 确认开门按钮 -->
@@ -48,19 +53,42 @@
<script setup>
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import { getOpenDoorList, switchOpenDoor } from '../../api/api.js'
// 响应式数据：选中的门索引、开门成功提示
const selectedDoor = ref(-1) // -1表示未选中
const showSuccess = ref(false)
// 门列表数据（）
const doorList = ref([
{ iconText: '/static/imgs/westDoor.png',iconActive:"/static/imgs/westDoorWhite.png", name: '西入门闸机' },
{ iconText: '/static/imgs/eastDoor.png',iconActive:"/static/imgs/eastDoorWhite.png", name: '东入门闸机' },
{ iconText: '/static/imgs/unitDoor.png',iconActive:"/static/imgs/unitDoorWhite.png", name: '1号楼1单元门' },
{ iconText: '/static/imgs/unitDoor.png',iconActive:"/static/imgs/unitDoorWhite.png", name: '1号楼2单元门' }
])
// 门列表数据
const doorList = ref([])
// 查询门禁列表
const fetchDoorList = () => {
getOpenDoorList().then(res => {
if (res.code === 200 && res.data) {
doorList.value = res.data
.filter(item => item.status === '1')
.map(item => ({
id: item.id,
name: item.deviceName,
iconText: item.iconText,
iconActive: item.iconActive
}))
}
}).catch(err => {
uni.showToast({
title: err.msg || '获取门禁列表失败',
icon: 'none'
})
})
}
onShow(() => {
selectedDoor.value = -1
showSuccess.value = false
fetchDoorList()
})
// 选择门的方法
const selectDoor = (index) => {
@@ -75,21 +103,21 @@ const narBack = () =>{
}
// 确认开门方法
const openDoor = () => {
// 校验：未选择门时提示
// if (selectedDoor.value === -1) {
// uni.showToast({
// title: '请先选择要开的门',
// icon: 'none'
// })
// return
// }
const device = doorList.value[selectedDoor.value]
if (!device) return
// 模拟开门接口请求（实际项目替换为真实接口）
setTimeout(() => {
showSuccess.value = true
// 可选：添加成功提示后自动隐藏
// setTimeout(() => showSuccess.value = false, 2000)
}, 500)
uni.showLoading({ title: '开门中...' })
switchOpenDoor({ deviceId: device.id }).then(res => {
uni.hideLoading()
if (res.code === 200) {
showSuccess.value = true
} else {
uni.showToast({ title: res.msg || '开门失败', icon: 'none' })
}
}).catch(err => {
uni.hideLoading()
uni.showToast({ title: err.msg || '开门失败', icon: 'none' })
})
}
</script>
@@ -203,6 +231,20 @@ const openDoor = () => {
.door-item.active .door-name {
color: #ffffff !important;
}
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100rpx 0;
}
.empty-text {
font-size: 32rpx;
color: #999;
margin-top: 20rpx;
margin-bottom: 10rpx;
}
/* 门图标 */
.door-icon {

124
wuye-manager-uniapp/pageSubPack/setting/change-password.vue
View File

@@ -55,11 +55,7 @@
</view>
<!-- 确定按钮 -->
<button
class="confirm-btn"
:disabled="!canConfirm"
@click="handleConfirm"
>
<button class="confirm-btn" @click="handleConfirm">
确定
</button>
</view>
@@ -68,7 +64,7 @@
<script setup>
import { ref, computed } from 'vue';
import { onLoad, onShow } from '@dcloudio/uni-app'
// import { getResetPassword } from '../api/api.js'
import { changePassword } from '../../api/api.js'
// ========== 响应式数据 ==========
// 旧密码
@@ -83,22 +79,6 @@ const placeholderStyle = ref('font-size:24rpx;color:#999')
const phone = ref('');
const smsCode = ref('');
// ========== 计算属性 ==========
// 是否可点击确定按钮（包含旧密码必填校验）
const canConfirm = computed(() => {
// 密码格式规则：6-16位，必须包含字母+数字
const pwdReg = /^(?=.*[a-zA-Z])(?=.*\d).{6,16}$/;
// 校验条件：
// 1. 旧密码不为空
// 2. 新密码符合格式
// 3. 确认密码和新密码一致
// 4. 所有密码输入框不为空
return oldPassword.value.trim()
&& pwdReg.test(newPassword.value)
&& newPassword.value === confirmPassword.value
&& newPassword.value && confirmPassword.value;
});
// ========== 方法 ==========
// 返回上一页
@@ -106,30 +86,8 @@ const goBack = () => {
uni.navigateBack();
};
// 页面显示时读取缓存参数
onShow(() => {
// 从缓存读取参数
const params = uni.getStorageSync('tempChangePwdParams') || {};
// 赋值
phone.value = params.phoneNumber || ''
smsCode.value = params.verifyCode || ''
// 校验参数是否完整
// if (!phone.value || !smsCode.value) {
// uni.showToast({
// title: '参数异常，请重新操作',
// icon: 'error'
// })
// setTimeout(() => {
// goBack()
// }, 1500)
// }
// 用完删除缓存（避免下次跳转读取旧值）
uni.removeStorageSync('tempChangePwdParams');
});
// 实时检查表单状态（可扩展自定义提示）
// 实时检查表单状态
const checkForm = () => {
// 可在这里添加实时的表单错误提示，比如：
if (newPassword.value && !/^(?=.*[a-zA-Z])(?=.*\d).{6,16}$/.test(newPassword.value)) {
@@ -142,60 +100,48 @@ const checkForm = () => {
}
};
// 处理确定按钮点击（修改密码逻辑）
// 处理确定按钮点击
const handleConfirm = () => {
// 二次校验，防止异常点击
if (!canConfirm.value) {
// 给出具体的错误提示
if (!oldPassword.value) {
uni.showToast({ title: '请输入旧密码', icon: 'none' });
} else if (!/^(?=.*[a-zA-Z])(?=.*\d).{6,16}$/.test(newPassword.value)) {
uni.showToast({ title: '新密码格式错误（需6-16位，含字母+数字）', icon: 'none' });
} else if (newPassword.value !== confirmPassword.value) {
uni.showToast({ title: '两次输入的密码不一致', icon: 'none' });
}
return;
}
// 1. 表单校验
if (!oldPassword.value) {
uni.showToast({ title: '请输入旧密码', icon: 'none' });
return;
}
if (!/^(?=.*[a-zA-Z])(?=.*\d).{6,16}$/.test(newPassword.value)) {
uni.showToast({ title: '新密码格式错误（需6-16位，含字母+数字）', icon: 'none' });
return;
}
if (newPassword.value !== confirmPassword.value) {
uni.showToast({ title: '两次输入的密码不一致', icon: 'none' });
return;
}
// 构造请求参数（包含旧密码）
let params = {
phone: phone.value,
smsCode: smsCode.value,
oldPassword: oldPassword.value, // 新增旧密码参数
oldPassword: oldPassword.value,
newPassword: newPassword.value,
confirmPassword: confirmPassword.value,
scene: 'reset'
}
// 显示加载中
uni.showLoading({ title: '修改中...' });
setTimeout(() =>{
uni.navigateTo({
url:`/pageSubPack/setting/setting?newPassword=${confirmPassword.value}`
})
})
// 调用修改密码接口
// getResetPassword(params).then(res => {
// uni.hideLoading();
// if (res.code === 200) {
// uni.showToast({ title: '修改成功', icon: 'success' });
// setTimeout(() => {
// // 跳转到登录页（替换为你的实际登录页路径）
// uni.redirectTo({ url: '/pageSubPack/loginSub/pwd-login' });
// }, 1500)
// } else {
// uni.showToast({ title: res.msg || "修改失败", icon: 'error' });
// }
// }).catch(err => {
// uni.hideLoading();
// uni.showToast({
// title: '网络异常，请稍后重试',
// icon: 'none'
// });
// console.error('修改密码失败：', err);
// })
changePassword(params).then(res => {
uni.hideLoading();
if (res.code === 200) {
uni.showToast({ title: '修改成功', icon: 'success' });
setTimeout(() => {
uni.navigateBack()
}, 1500)
} else {
uni.showToast({ title: res.msg || "修改失败", icon: 'error' });
}
}).catch(err => {
uni.hideLoading();
uni.showToast({
title: err.msg || '网络异常，请稍后重试',
icon: 'none'
});
})
};
</script>

4
wuye-manager-uniapp/pageSubPack/setting/change-phone.vue
View File

@@ -8,7 +8,7 @@
<!-- 手机号输入框 -->
<view class="input-item">
<view class="input-icon">
<image src="http://47.104.199.163:9090/images/login/phone.png" mode="" style="height: 100%;width: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/login/phone.png" mode="" style="height: 100%;width: 100%;"></image>
</view>
<uni-easyinput class="input-content" type="number" v-model="phoneNumber" trim="all"
placeholder="请输入手机号" :inputBorder="false" maxlength="11" :placeholderStyle="placeholderStyle">
@@ -17,7 +17,7 @@
<!-- 验证码输入 + 获取验证码按钮 -->
<view class="input-item verify-item">
<view class="input-icon">
<image src="http://47.104.199.163:9090/images/login/code.png" mode="" style="height: 100%;width: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/login/code.png" mode="" style="height: 100%;width: 100%;"></image>
<!-- <uni-icons type="locked" size="24" color="#999"></uni-icons> -->
</view>
<uni-easyinput class="input-content verify-input" type="number" v-model="verifyCode" trim="all"

7
wuye-manager-uniapp/pageSubPack/setting/setting.vue
View File

@@ -29,7 +29,7 @@
<!-- 退出登录按钮 -->
<view class="logout-btn-wrap">
<button class="logout-btn" :disabled="!phoneNumber || !passwordNumber" @tap="handleLogout">
<button class="logout-btn" :disabled="!phoneNumber" @tap="handleLogout">
退出登录
</button>
</view>
@@ -41,7 +41,7 @@ import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
// 响应式数据
const phoneNumber = ref('15699991212') // 绑定手机号
const phoneNumber = ref('') // 绑定手机号
const passwordNumber = ref('')
// 页面加载时可从接口获取用户信息
@@ -99,9 +99,6 @@ const confirmLogout = () => {
uni.hideLoading()
// 清除本地存储的token等信息
uni.clearStorageSync()
// uni.removeStorageSync('token')
// uni.removeStorageSync('userInfo')
// uni.removeStorageSync('tempChangePwdParams')
// 提示并跳转到登录页
uni.showToast({

10
wuye-manager-uniapp/pages.json
View File

@@ -70,15 +70,11 @@
{
"path": "notice-list",
"style": {
"navigationBarTitleText": "通知公告"
"navigationBarTitleText": "通知公告",
"enablePullDownRefresh": true,
"onReachBottomDistance": 100
}
},
{
"path": "noticeListDetails",
"style": {
"navigationBarTitleText": "公告详情"
}
}
]
},
{

6
wuye-manager-uniapp/pages/guide/guide.vue
View File

@@ -14,7 +14,7 @@
<swiper-item>
<view class="guide-item">
<view class="guide-img">
<image src="http://47.104.199.163:9090/images/imgs/guide1.png" style="width: 100%;height: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/guide1.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">精准服务</view>
@@ -26,7 +26,7 @@
<swiper-item>
<view class="guide-item">
<view class="guide-img">
<image src="http://47.104.199.163:9090/images/imgs/guide2.png" style="width: 100%;height: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/guide2.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">高效沟通</view>
@@ -38,7 +38,7 @@
<swiper-item>
<view class="guide-item">
<view class="guide-img">
<image src="http://47.104.199.163:9090/images/imgs/guide3.png" style="width: 100%;height: 100%;"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/guide3.png" style="width: 100%;height: 100%;"></image>
</view>
<view style="height: 200rpx;width: 100%;"></view>
<view class="guide-title">智能管理</view>

111
wuye-manager-uniapp/pages/index/index.vue
View File

@@ -13,13 +13,13 @@
<view class="location-area">
<!-- 定位图标 -->
<view class="location-icon">
<image src="http://47.104.199.163:9090/images/imgs/adress.png" style="height: 100%; width: 100%"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/adress.png" style="height: 100%; width: 100%"></image>
</view>
<!-- 小区名称和下拉箭头 -->
<view class="community-selector">
<text class="community-name">{{ currentCommunity }}</text>
<view class="community-icon">
<image src="http://47.104.199.163:9090/images/imgs/三角形.png" style="height: 100%; width: 100%"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/三角形.png" style="height: 100%; width: 100%"></image>
</view>
</view>
</view>
@@ -52,7 +52,8 @@
<view class="noticeClass">
<!-- 左侧消息通知文字 -->
<view class="notice-left">
<image src="http://47.104.199.163:9090/images/imgs/notice.png" class="notice-icon"></image>
<image src="https://wuyeadmin.bugtc.com/images/imgs/notice.png" class="notice-icon"></image>
<view class="notice-line"></view>
</view>
<!-- 右侧滚动公告 -->
<view class="notice-right" @click="getNoticeMore">
@@ -74,15 +75,15 @@
<!-- 巡检数据统计区 -->
<view class="statistics-wrap">
<view class="statistics-item" @click="goToInspectionRecord">
<text class="num">25</text>
<text class="num">{{allCount}}</text>
<text class="label">全部巡检</text>
</view>
<view class="statistics-item" @click="goToDaysInspection">
<text class="num">5</text>
<text class="num">{{pendingCount}}</text>
<text class="label">待巡检</text>
</view>
<view class="statistics-item">
<text class="num">25</text>
<text class="num">{{InspectedCount}}</text>
<text class="label">已巡检</text>
</view>
</view>
@@ -93,26 +94,26 @@
<!-- 第一行功能：故障上报、一键开门、工单大厅、我的工单 -->
<view class="function-row">
<view class="function-item" @click="goToReport">
<image class="item-icon" src="http://47.104.199.163:9090/images/imgs/fault-report.png" mode="aspectFit"></image>
<image class="item-icon" src="https://wuyeadmin.bugtc.com/images/imgs/fault-report.png" mode="aspectFit"></image>
<text class="item-text">故障上报</text>
</view>
<view class="function-item" @click="goToOneOpenDoor">
<image class="item-icon" src="http://47.104.199.163:9090/images/imgs/open.png" mode="aspectFit"></image>
<image class="item-icon" src="https://wuyeadmin.bugtc.com/images/imgs/open.png" mode="aspectFit"></image>
<text class="item-text">一键开门</text>
</view>
<view class="function-item" @tap="goToTicketHall">
<image class="item-icon" src="http://47.104.199.163:9090/images/imgs/work-order.png" mode="aspectFit"></image>
<image class="item-icon" src="https://wuyeadmin.bugtc.com/images/imgs/work-order.png" mode="aspectFit"></image>
<text class="item-text">工单大厅</text>
</view>
<view class="function-item" @tap="goToMyTicket">
<image class="item-icon" src="http://47.104.199.163:9090/images/imgs/my-work.png" mode="aspectFit"></image>
<image class="item-icon" src="https://wuyeadmin.bugtc.com/images/imgs/my-work.png" mode="aspectFit"></image>
<text class="item-text">我的工单</text>
</view>
</view>
<!-- 第二行 -->
<view class="function-row" style="margin-top: 2px">
<view class="function-item" @tap="goToComplaint">
<image class="item-icon" src="http://47.104.199.163:9090/images/imgs/complaint.png" mode="aspectFit"></image>
<image class="item-icon" src="https://wuyeadmin.bugtc.com/images/imgs/complaint.png" mode="aspectFit"></image>
<text class="item-text">投诉处理</text>
</view>
</view>
@@ -123,12 +124,17 @@
<script setup>
import { ref } from 'vue'
import { onLoad, onUnload } from '@dcloudio/uni-app'
import { getCurrentVillage,getTodayInspection,getNewNoticeData } from '../../api/api.js'
// 列表数据状态
const current = ref(0)
const currentCommunity = ref('')
const bannerList = ref([{ img: 'http://47.104.199.163:9090/images/imgs/banner1.png' }])
const noticeText = ref('公告公告本小区今天安装了摄像头')
const currentCommunity = ref('请选择小区')
const bannerList = ref([{ img: 'https://wuyeadmin.bugtc.com/images/imgs/banner1.png' }])
const noticeText = ref('暂无公告')
const allCount = ref(0) // 全部巡检
const pendingCount = ref(0) //待巡检
const InspectedCount = ref(0) //已巡检
// =======方法=======
// 跳转小区
@@ -137,7 +143,7 @@ const navigateToPage = () => {
let villageId = ''
if(curVillageId){
try{
villageId = JSON.parse(curVillageId).id
villageId = JSON.parse(curVillageId).villageId || JSON.parse(curVillageId).id || ''
}catch(e){}
}
uni.navigateTo({
@@ -192,22 +198,59 @@ const goToReport = () => {
url: '/pageSubPack/fault-reporting/fault-reporting'
})
}
// 获取当前小区
const currentVillageData = () => {
getCurrentVillage().then(res => {
const data = res.data
if (data) {
currentCommunity.value = data.villageName
uni.setStorageSync('currentVillage', JSON.stringify(data))
getNoticeData()
}
}).catch(() => {})
}
// 获取今日巡检数据
const getInspectionData = () =>{
getTodayInspection().then(res =>{
if(res.code === 200){
if(res.data){
allCount.value = res.data.unfinishedPoints
pendingCount.value = res.data.unfinishedTasks
InspectedCount.value = res.data.completedTasks
}else{
allCount.value = 0
pendingCount.value = 0
InspectedCount.value = 0
}
}
}).catch(err =>{
uni.showToast({title:err.msg || '获取失败',icon:'none'})
})
}
// 获取消息通知
const getNoticeData = () => {
getNewNoticeData().then(res => {
if (res.code === 200 && res.data) {
noticeText.value = res.data.notice || ''
}else{
noticeText.value = '暂无公告'
}
}).catch(() => {})
}
// 接收选择小区返回的参数
const slelctHomeData = data => {
currentCommunity.value = data.villageName
uni.setStorageSync('currentVillage', JSON.stringify(data))
getNoticeData()
getInspectionData()
}
onLoad(() => {
uni.$on('confirm', slelctHomeData)
// 读取本地缓存的小区
const cache = uni.getStorageSync('currentVillage')
if (cache) {
try {
const village = JSON.parse(cache)
currentCommunity.value = village.villageName
} catch (e) {}
}
// 优先调用接口获取当前小区，失败时再读缓存
currentVillageData()
getInspectionData()
})
onUnload(() => {
@@ -347,14 +390,24 @@ const clickItem = index => {
border: 1rpx solid rgba(255, 255, 255, 0.1);
}
// 左侧“消息通知”文字
// 左侧”消息通知”文字
.notice-left {
margin-right: 20rpx;
}
display: flex;
align-items: center;
margin-right: 16rpx;
.notice-icon {
width: 48rpx;
height: 48rpx;
.notice-icon {
width: 48rpx;
height: 48rpx;
margin-right: 15rpx;
}
.notice-line {
width: 1rpx;
height: 40rpx;
background-color: rgba(255, 255, 255, 0.4);
}
}
// 右侧公告滚动区

39
wuye-manager-uniapp/pages/my/my.vue
View File

@@ -5,7 +5,7 @@
<scroll-view class="page" scroll-y>
<view class="topBox">
<view class="name">
<image src="http://47.104.199.163:9090/images/imgs/touxiang.png" class="img" />
<image :src="avatar" class="img" />
<span
style="padding: 5rpx 5rpx; display: flex; flex-direction: column; line-height: 60rpx"
>
@@ -37,7 +37,7 @@
>
</view>
<view class="item-arrow"></view>
<!-- <image src="http://47.104.199.163:9090/images/propertyImgs/arrow-right.png" class="arrow-icon" /> -->
<!-- <image src="https://wuyeadmin.bugtc.com/images/propertyImgs/arrow-right.png" class="arrow-icon" /> -->
</view>
</view>
</div>
@@ -47,29 +47,52 @@
</template>
<script setup>
import { ref } from 'vue'
import { onShow } from '@dcloudio/uni-app'
import { getSettingInfo } from '../../api/api.js'
const list = ref([
{
icon: 'http://47.104.199.163:9090/images/imgs/shangbao.png',
icon: 'https://wuyeadmin.bugtc.com/images/imgs/shangbao.png',
title: '上报记录'
},
{
icon: 'http://47.104.199.163:9090/images/imgs/xunjian.png',
icon: 'https://wuyeadmin.bugtc.com/images/imgs/xunjian.png',
title: '巡检记录'
// desc: "您可以在这里添加家人、朋友、租客~"
},
{
icon: 'http://47.104.199.163:9090/images/imgs/xunjian.png',
icon: 'https://wuyeadmin.bugtc.com/images/imgs/xunjian.png',
title: '仪表换新'
// desc: "您可以在这里添加家人、朋友、租客~"
},
{
icon: 'http://47.104.199.163:9090/images/propertyImgs/setting.png',
icon: 'https://wuyeadmin.bugtc.com/images/propertyImgs/setting.png',
title: '设置'
}
])
const loginName = ref('wangh')
const phoneNum = ref('156*****1212')
const loginName = ref('')
const phoneNum = ref('')
const avatar = ref('')
// 获取管家信息
const fetchUserInfo = () => {
getSettingInfo().then(res => {
if (res.code === 200 && res.data) {
loginName.value = res.data.nickName || ''
phoneNum.value = res.data.phonenumber || ''
avatar.value = res.data.avatar
}
}).catch(err =>{
uni.showToast({
title:err.msg || '获取失败',
icon: 'error'
})
})
}
onShow(() => {
fetchUserInfo()
})
// --方法----
const goToDetail = () => {