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-07 18:02:18 +08:00
parent ee55b4dca7
commit b87a594d4e
32 changed files with 913 additions and 384 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
src/views/system/storeroom/index.vue
View File

@@ -1,15 +1,12 @@
<template>
<div class="StoreRoomBox">
<PageHeader title="储藏室管理">
<template #container>
<div class="flex flex-items-center pb-3">
<div>储藏编号</div>
<el-input class="ml-10px mr-20px" placeholder="请输入" v-model="searchValue" />
<el-button class="mr-20px" type="primary">查询</el-button>
<el-button>重置</el-button>
</div>
</template>
</PageHeader>
<PageHeader title="储藏室管理"> </PageHeader>
<div class="nav flex flex-items-center pb-3">
<div class="title-text">储藏编号</div>
<el-input placeholder="请输入" v-model="searchValue" />
<el-button class="mr-10px" type="primary">查询</el-button>
<el-button>重置</el-button>
</div>
<div class="StoreRoomBody">
<div class="nav flex flex-items-center justify-between">
<div class="title-text">储藏室列表</div>
@@ -19,42 +16,43 @@
</div>
</div>
<div class="StoreRoomTablebox">
<el-table checked>
<el-table-column label="楼栋" width="100">
<el-table :data="datalist" checked>
<el-table-column align="center" type="selection"></el-table-column>
<el-table-column align="center" label="楼栋">
<template #default="scope">
<div>{{ scope.row.id }}</div>
<div>{{ scope.row.floor }}栋</div>
</template>
</el-table-column>
<el-table-column label="单元" width="100">
<el-table-column align="center" label="单元">
<template #default="scope">
<div>{{ scope.row.name }}单元</div>
</template>
</el-table-column>
<el-table-column align="center" label="储藏室号">
<template #default="scope">
<div>{{ scope.row.name }}</div>
</template>
</el-table-column>
<el-table-column label="储藏室号" width="100">
<el-table-column align="center" label="建筑面积">
<template #default="scope">
<div>{{ scope.row.name }}</div>
<div>{{ scope.row.name }}㎡</div>
</template>
</el-table-column>
<el-table-column label="建筑面积" width="100">
<el-table-column align="center" label="公摊面积">
<template #default="scope">
<div>{{ scope.row.name }}</div>
<div>{{ scope.row.name }}㎡</div>
</template>
</el-table-column>
<el-table-column label="公摊面积" width="100">
<el-table-column align="center" label="实用面积">
<template #default="scope">
<div>{{ scope.row.name }}</div>
<div>{{ scope.row.name }}㎡</div>
</template>
</el-table-column>
<el-table-column label="实用面积" width="100">
<template #default="scope">
<div>{{ scope.row.name }}</div>
</template>
</el-table-column>
<el-table-column label="操作" width="100">
<el-table-column align="center" label="操作">
<template #default="scope">
<div>
<el-button type="primary">编辑</el-button>
<el-button type="danger">删除</el-button>
<el-button text type="primary">编辑</el-button>
<el-button text type="danger">删除</el-button>
</div>
</template>
</el-table-column>
@@ -68,12 +66,25 @@
<script setup lang="ts">
import { ref } from 'vue';
const searchValue = ref('');
import PageHeader from '@/components/Pageheader/index.vue';
const paginationOptions = ref({
total: 100,
page: 1,
limit: 10
});
const datalist = ref([
{
units: 3,
name: 'A1',
storeroom: 'b123',
area: '1000',
commontArea: '222',
useArea: '333',
floor: '1'
}
]);
function handleSizeChange(val: number) {
paginationOptions.value.limit = val;
}
@@ -83,9 +94,39 @@ function hanlePageChange(val: number) {
</script>
<style scoped lang="scss">
.StoreRoomBody {
.StoreRoomBox {
padding: 20px;
display: flex;
height: 100%;
flex-direction: column;
.el-button {
width: 80px;
height: 35px;
border-radius: 5px;
}
& > .nav {
background-color: white;
padding: 20px 30px;
border-top: 1px solid #ccc;
& > .title-text {
width: 80px;
}
.el-input {
width: 300px;
margin-right: 30px;
}
}
}
.StoreRoomBody {
$navHeight: 60px;
flex: 1;
padding: 20px;
// height: 785px;
border-radius: 5px;
margin-top: 20px;
background-color: #fff;
.nav {
height: $navHeight;
}
@@ -93,6 +134,9 @@ function hanlePageChange(val: number) {
padding: 0 10px;
margin-top: 10px;
height: calc(100% - $navHeight);
& > .el-table {
height: calc(100% - 70px);
}
}
}
</style>