From 2b3742c27389e98954252c1cc22ced9f698f4e7d Mon Sep 17 00:00:00 2001
From: shuishen <1109946754@qq.com>
Date: Tue, 19 Dec 2023 11:04:06 +0800
Subject: [PATCH] 右侧样式调整与搜索
---
subPackage/house/family/index.vue | 62 ++++++++++++++++++-------------
1 files changed, 36 insertions(+), 26 deletions(-)
diff --git a/subPackage/house/family/index.vue b/subPackage/house/family/index.vue
index 63442a4..8b29fbf 100644
--- a/subPackage/house/family/index.vue
+++ b/subPackage/house/family/index.vue
@@ -1,20 +1,25 @@
<template>
<view class="container">
<view class="flex f-d-c main">
- <view class="cur-header" v-if="!addressName">
+ <view class="cur-header" v-if="!addressName">
<u-icon name="/static/icon/map.png" width="15" height="18"></u-icon>
<view>{{ curSelectSite.name }}/{{housingName}}{{buildingName}}</view>
</view>
- <block v-if="addressName">
- <view class="cur-header">
- <u-icon name="/static/icon/map.png" width="15" height="18"></u-icon>
- <view>{{housingName}}/{{buildingName}}</view>
- </view>
- <view class="house-address f-26 bgc-ff" >
- {{addressName}}
- </view>
+ <block v-if="addressName">
+ <view class="cur-header">
+ <u-icon name="/static/icon/map.png" width="15" height="18"></u-icon>
+ <view>{{housingName}}/{{buildingName}}</view>
+ </view>
+ <view class="house-address f-26 bgc-ff">
+ {{addressName}}
+ </view>
</block>
- <view class="h0 flex-1 build-list-box content">
+
+ <view class="mt-20 around-p-20 flex a-i-c j-c-c">
+ <u-search placeholder="请输入人员名" :showAction="false" @search="getBuildingList" @clear="getBuildingList" v-model="searchKey" :clearabled="true"></u-search>
+ </view>
+
+ <view class="mt-20 h0 flex-1 build-list-box content">
<u-collapse :value="buildingList.length == 1?['0']:''">
<u-collapse-item v-if="isShowBuild" style="border: none;" :name="index" :title="item.unitName"
:icon="'/static/icon/group.png'" v-for="(item, index) in buildingList" :key="index">
@@ -30,7 +35,8 @@
<view class="room-content">
<view class="flex flex-wrap j-c-s-b" style="width: 100%;">
<view class="room-box flex f-d-c" v-for="(scItem, scIndex) in cItem.children"
- :key="scItem.id" @click="pushPage" :data-code="scItem.addressCode" :data-unit="item.unitName">
+ :key="scItem.id" @click="pushPage" :data-code="scItem.addressCode"
+ :data-unit="item.unitName">
<view class="flex a-i-c j-c-s-b">
<!-- <view class="l">
<u-icon name="/static/icon/person.png" size="16"></u-icon>
@@ -143,9 +149,10 @@
// 社区编号
neiCode: "",
buildingList: [],
+ searchKey: '',
shopList: [],
curSelectSite: {},
- addressName:""
+ addressName: ""
}
},
onLoad(e) {
@@ -159,12 +166,12 @@
this.currentId = id
this.housingName = housingName
this.buildingName = buildingName
- if(addressType){
- this.addressType = addressType
+ if (addressType) {
+ this.addressType = addressType
}
-
+
this.neiCode = neiCode
- if(e.address){
+ if (e.address) {
this.addressName = e.address;
this.housingName = e.neiName;
this.buildingName = e.aoiName
@@ -186,11 +193,11 @@
// message: '正在加载',
// duration: 9999999
// })
-
+
uni.showLoading({
- title:"正在加载"
+ title: "正在加载"
})
-
+
this.isShowBuild = false
this.isShowShop = false
const param = {
@@ -199,7 +206,8 @@
roleName: uni.getStorageSync('activeRole').roleName,
name: this.addressType == 1 ? "" : this.neiCode,
buildingName: this.addressType == 4 ? this.buildingName : "",
- addressType: this.addressType
+ addressType: this.addressType,
+ searchKey: this.searchKey
}
const res = await getHouseList(param)
if (res.code == 200) {
@@ -232,7 +240,10 @@
}
},
pushPage(e) {
- let { code,unit } = e.currentTarget.dataset;
+ let {
+ code,
+ unit
+ } = e.currentTarget.dataset;
let url = `/subPackage/house/roomDetails/index?id=${code}&unit=${unit}`
this.$u.func.globalNavigator(url, "navTo")
},
@@ -263,7 +274,6 @@
overflow-y: auto;
.content {
- margin-top: 20rpx;
background-color: #fff;
.floor-info-box {
@@ -404,9 +414,9 @@
/deep/ .u-cell__body {
background-color: rgb(236, 244, 255);
}
-
- .house-address{
- padding:20rpx;
-
+
+ .house-address {
+ padding: 20rpx;
+
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3