| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2023-03-17 10:07:45 |
| | | * @LastEditTime: 2023-03-21 10:02:22 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | |
| | | <el-input ref="searchTreeInput" v-model="searchTreeName" @input="searchInputTree" |
| | | @focus="searchTreeShowFlag = true" @blur="searchTreeShowFlag = false" v-popover:popover |
| | | placeholder="请输入搜索条件" style="cursor: pointer;"></el-input> |
| | | </div> |
| | | placeholder="请输入搜索条件" style="cursor: pointer;"></el-input> |
| | | </div> |
| | | |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div class="progress"></div> |
| | | </div> |
| | | <div class="housing-bg"> |
| | | <div class="block"> |
| | | <el-carousel height="150px"> |
| | | <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index"> |
| | | <el-image style=" height: 100%" :src="item" |
| | | :preview-src-list="villageInfo.pic_url_list"></el-image> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> |
| | | <!-- <div class="block"> |
| | | <el-carousel height="150px"> |
| | | <el-carousel-item v-for="(item, index) in villageInfo.pic_url_list" :key="index"> |
| | | <el-image style=" height: 100%" :src="item" |
| | | :preview-src-list="villageInfo.pic_url_list"></el-image> |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | </div> --> |
| | | <el-empty image-size="120" description="暂无图片"></el-empty> |
| | | </div> |
| | | <div class="housing-introduce"> |
| | | <div> |
| | |
| | | <div class="two"> |
| | | <div> |
| | | <div>98</div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div>户籍人口</div> |
| | | </div> |
| | | <div> |
| | | <div style="color:#0E88FF">20</div> |
| | | <div>流动人口</div> |
| | | </div> |
| | |
| | | <div> |
| | | <div>120</div> |
| | | <div>出租</div> |
| | | </div> |
| | | <div> |
| | | <div>160</div> |
| | | <div>自住</div> |
| | | </div> |
| | | <div> |
| | | <div>8</div> |
| | | <div>空置</div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | <div> |
| | | <div>160</div> |
| | | <div>自住</div> |
| | | </div> |
| | | <div> |
| | | <div>8</div> |
| | | <div>空置</div> |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <div class="house-element-info" v-if="isShowHouseBox"> |
| | | <!-- 选择单元 --> |
| | | <div class="condo" v-show="isShowUnitChoose"> |
| | |
| | | <div> |
| | | <span class="zizhu"></span> |
| | | 自住 |
| | | </div> |
| | | <div> |
| | | <span class="kongzhi"></span> |
| | | 空置 |
| | | </div> |
| | | <div> |
| | | <span class="shangye"></span> |
| | | 商业 |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | </div> |
| | | <div> |
| | | <span class="kongzhi"></span> |
| | | 空置 |
| | | </div> |
| | | <div> |
| | | <span class="shangye"></span> |
| | | 商业 |
| | | </div> |
| | | </div> |
| | | </div>--> |
| | | <el-main v-loading="pictLoading" element-loading-background="rgba(17, 38, 163, .1)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading" |
| | | v-show="isShowHouseBox"> |
| | |
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
| | | {{ value.properties.fojcu }} |
| | | <!-- <div class="flow"></div> |
| | | <div class="focus"></div> |
| | | <div class="warning"></div>--> |
| | | <div class="focus"></div> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | .housing-bg { |
| | | margin-top: 6px; |
| | | height: 200px; |
| | | |
| | | :deep(.el-empty__description) { |
| | | p { |
| | | color: #fff; |
| | | } |
| | | } |
| | | } |
| | | |
| | | .housing-introduce { |