zhaoyang/estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

巡检日，周，月完成，数据概况待修改

Browse Source
This commit is contained in:
Zy
2026-04-22 16:05:44 +08:00
parent 48852a33ec
commit 04eb40d0e4
55 changed files with 1583 additions and 422 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/views/community/index.vue
View File

@@ -4,11 +4,10 @@
<span class="">智慧物业后台管理系统</span>
<navbar ref="navbarRef" />
</div>
<div class="container">
<div class="containerbox">
<div class="community_nav_box">
<div class="currentbox">当前小区:{{ currentViliageInfo && currentViliageInfo.villageName }}</div>
<div class="subtitle flex align-center">
<div class="line"></div>
<div class="changecommunity">切换小区</div>
</div>
</div>
@@ -51,7 +50,7 @@ import { deleteVillageByIdAPI, switchVillageAPI, getCommunitylistAPI } from '@/a
import type { communitylist_rows_type } from '@/api/system/community/type';
import { Picture } from '@element-plus/icons-vue';
import { useHouseStore } from '@/store/modules/house';
import { splitImages } from '@/utils';
const houseStore = useHouseStore();
const router = useRouter();
const list = ref<communitylist_rows_type[]>([]);
@@ -60,6 +59,11 @@ const currentViliageInfo = ref<communitylist_rows_type>();
function getlist() {
getCommunitylistAPI().then((res) => {
list.value = res.rows;
const villageid = localStorage.getItem('villageid');
const find = list.value.find((item) => item.villageId === Number(villageid));
if (find) {
currentViliageInfo.value = find;
}
});
}
getlist();
@@ -154,15 +158,15 @@ function handleclick(item: communitylist_rows_type) {
height: 200px;
background: #fff;
}
.container {
width: 100%;
.containerbox {
width: 85%;
margin: 0 auto;
padding: 20px;
background: transparent;
.community_nav_box {
height: 98px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 1);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 70%);
border-radius: 16px 16px 16px 16px;
padding: 20px;
.currentbox {
height: 20px;
@@ -191,57 +195,68 @@ function handleclick(item: communitylist_rows_type) {
.communityBody {
padding: 20px;
color: #000;
display: flex;
flex-wrap: wrap;
display: grid;
grid-template-columns: repeat(5, minmax(292px, 1fr));
@media (max-width: 1540px) {
grid-template-columns: repeat(4, minmax(292px, 1fr));
grid-template-columns: repeat(5, 1fr);
@media (max-width: 1900px) {
grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1280px) {
grid-template-columns: repeat(3, minmax(292px, 1fr));
}
@media (max-width: 1030px) {
grid-template-columns: repeat(2, minmax(292px, 1fr));
@media (max-width: 1500px) {
grid-template-columns: repeat(3, 1fr);
}
.coummunity_card {
height: 300px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: rgba(255, 255, 255, 1);
margin-right: 10px;
min-width: 369px;
max-width: 369px;
min-height: 358px;
border: 2px solid #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 0%, #ffffff 70%);
box-shadow: 0px 4px 8px 0px rgba(0, 104, 255, 0.06);
border-radius: 16px 16px 16px 16px;
margin-right: 20px;
margin-bottom: 15px;
overflow: hidden;
display: flex;
flex-direction: column;
&:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.el-image {
height: 200px;
height: 179px;
width: 100%;
object-fit: cover;
}
.coummunityaction_box {
flex: 1;
padding: 10px 5px;
font-size: 15px;
padding: 30px;
font-weight: 500;
font-size: 20px;
color: #303133;
line-height: 25px;
.counmmunityaddress {
margin-top: 20px;
font-size: small;
color: #ccc;
margin-top: 10px;
font-weight: 400;
font-size: 16px;
color: #666666;
line-height: 20px;
}
}
.actions {
height: 30px;
line-height: 30px;
height: 60px;
div {
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
flex: 1;
text-align: center;
font-size: small;
color: #4791ff;
cursor: pointer;
line-height: 60px;
font-weight: 500;
font-size: 18px;
color: #036aff;
&:hover {
background-color: #f5f7fb;
}