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-06 18:00:46 +08:00
parent f414026af8
commit ee55b4dca7
15 changed files with 805 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/system/house/AddHouse.vue
View File

@@ -4,19 +4,19 @@
<div class="AddBuildingBody">
<div class="title">基本信息</div>
<div class="addBuildingFormBody">
<el-form class="formBody" ref="formRef" :model="form" :rules="rules" label-width="180px">
<el-form class="formBody" label-position="left" ref="formRef" :model="form" :rules="rules" label-width="100px">
<el-form-item label="楼栋" prop="buildingID">
<el-select v-model="form.buildingID" class="m-2" placeholder="请选择" size="large">
<el-select v-model="form.buildingID" class="m-2" placeholder="请选择">
<el-option v-for="item in building" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="单元" prop="unit">
<el-select v-model="form.unit" class="m-2" placeholder="请选择" size="large">
<el-select v-model="form.unit" class="m-2" placeholder="请选择">
<el-option v-for="item in units" :key="item.no" :label="item.name" :value="item.no" />
</el-select>
</el-form-item>
<el-form-item label="楼层" prop="floor">
<el-select v-model="form.floor" class="m-2" placeholder="请选择" size="large">
<el-select v-model="form.floor" class="m-2" placeholder="请选择">
<el-option v-for="item in floors" :key="item.no" :label="item.name" :value="item.no" />
</el-select>
</el-form-item>
@@ -52,12 +52,12 @@
</div>
</el-form-item>
<el-form-item label="车位号" prop="buildingAddress">
<el-select v-model="form.ParkingSpaceNumber" class="m-2" placeholder="请选择车位号" size="large">
<el-select v-model="form.ParkingSpaceNumber" class="m-2" placeholder="请选择车位号">
<el-option v-for="item in building" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
<el-form-item label="储藏室" prop="buildingDescription">
<el-select v-model="form.storeroom" class="m-2" placeholder="请选择储藏室" size="large">
<el-select v-model="form.storeroom" class="m-2" placeholder="请选择储藏室">
<el-option v-for="item in building" :key="item.id" :label="item.name" :value="item.id" />
</el-select>
</el-form-item>
@@ -165,6 +165,9 @@ const cancelForm = () => {
.formBody {
width: 550px;
margin: 0 auto;
.el-form-item__content,
.el-select,
.el-input {
width: 440px;
margin-right: 10px;

60
src/views/system/house/HouseDetails.vue Normal file
View File

@@ -0,0 +1,60 @@
<template>
<div class="AddBuildingBox">
<PageHeader title="房屋信息"></PageHeader>
<div class="AddBuildingBody">
<div class="title">
<span>基本信息</span>
<el-button type="primary" text>编辑</el-button>
</div>
<div class="addBuildingFormBody">
<div style="width: 50%">
<el-descriptions>
<el-descriptions-item label-align="right" label="房号:"> 娜美 </el-descriptions-item>
<el-descriptions-item label-align="right" label="所属小区:">18100000000</el-descriptions-item>
<el-descriptions-item label-align="right" label="楼栋:">2栋</el-descriptions-item>
<el-descriptions-item label-align="right" label="单元:">2单元</el-descriptions-item>
<el-descriptions-item label-align="right" label="楼层:">3楼</el-descriptions-item>
<el-descriptions-item label-align="right" label="建筑面积:">112㎡</el-descriptions-item>
<el-descriptions-item label-align="right" label="公摊面积:">12㎡</el-descriptions-item>
<el-descriptions-item label-align="right" label="套内面积:">100㎡</el-descriptions-item>
<el-descriptions-item label-align="right" label="户型:">3室2厅2卫</el-descriptions-item>
</el-descriptions>
</div>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import PageHeader from '@/components/Pageheader/index.vue';
</script>
<style scoped lang="scss">
.AddBuildingBox {
padding: 15px;
height: 100%;
width: 100%;
}
.AddBuildingBody {
margin-top: 20px;
display: flex;
flex-direction: column;
justify-content: center;
background-color: white;
padding: 15px;
.title {
height: 40px;
line-height: 40px;
padding-left: 20px;
background-color: rgba(255, 255, 255, 1);
color: rgba(16, 16, 16, 1);
border-bottom: 1px solid #bbbbbb;
margin-bottom: 60px;
}
.addBuildingFormBody {
font-size: large;
font-weight: bold;
}
}
</style>

15
src/views/system/house/components/components/houseItem.vue
View File

@@ -15,7 +15,7 @@ const props = defineProps<{
unit: any;
fIdx: number;
}>();
const router = useRouter();
const checked = ref([]);
// 菜单
const menuList = ref([
@@ -29,6 +29,19 @@ const contextMenu = ref();
// 点击事件
const handleSelect = (val) => {
console.log('你选择了：', val);
switch (val) {
case 'edit':
break;
case 'money':
break;
case 'main':
router.push({
path: '/house/houseDetails'
});
break;
case 'delete':
break;
}
};
function handleClick(house: any) {
checked.value = checked.value.includes(house.id) ? checked.value.filter((item) => item !== house.id) : checked.value.concat(house.id);

3
src/views/system/house/components/unit.vue
View File

@@ -51,6 +51,9 @@ $primary_color: #1978fe;
color: rgba(102, 102, 102, 1);
.rightActions {
color: $primary_color;
span {
cursor: pointer;
}
}
}
.UnitBody {

35
src/views/system/house/index.vue
View File

@@ -37,6 +37,41 @@ const active = ref(0);
const changeHouseType = (index: number) => {
active.value = index;
};
let ojb = {
'code': 200,
'msg': '操作成功',
'data': [
{
'unitNo': '1',
'houses': '{"houseId":5,"houseNo":"1201室"}, {"houseId":6,"houseNo":"1202室"}',
'houseCount': 2,
'floorNo': '12',
'buildingId': 54564
},
{
'unitNo': '1',
'houses': '{"houseId":1,"houseNo":"1301室"}, {"houseId":2,"houseNo":"1302室"}',
'houseCount': 2,
'floorNo': '13',
'buildingId': 54564
},
{
'unitNo': '2',
'houses': '{"houseId":7,"houseNo":"1201室"}',
'houseCount': 1,
'floorNo': '12',
'buildingId': 54564
},
{
'unitNo': '2',
'houses': '{"houseId":3,"houseNo":"1301室"}, {"houseId":4,"houseNo":"1302室"}',
'houseCount': 2,
'floorNo': '13',
'buildingId': 54564
}
]
};
</script>
<style lang="scss" scoped>