| | |
| | | <div v-show="contentShow" class="result-content" ref="resultContentBox"> |
| | | <el-main v-loading="villageInfoLoading" element-loading-background="rgba(0, 0, 0, 0.2)" |
| | | element-loading-text="数据正在加载中" element-loading-spinner="el-icon-loading"> |
| | | |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div class="progress"></div> |
| | | </div> |
| | | <div class="housing-bg"> |
| | | |
| | | |
| | | <img :src="villageInfo.pic_url" alt="" v-show="villageInfo.pic_url"> |
| | | <el-empty :image-size="120" description="暂无照片" |
| | | v-show="!villageInfo.pic_url && isHaveNoPic == true"></el-empty> |
| | | </div> |
| | | <div class="housing-introduce"> |
| | | <div> |
| | | <div class="l">分类属性:</div> |
| | | <div class="r">{{ villageInfo.type_name ? villageInfo.type_name : '暂无数据' }}</div> |
| | | <div class="housing-estate-info" ref="housingEstateInfoBox"> |
| | | <div class="housing-title"> |
| | | {{ villageInfo.name }} |
| | | <div class="progress"></div> |
| | | </div> |
| | | <div> |
| | | <div class="l">所属辖区:</div> |
| | | <div class="r">{{ villageInfo.policeStationName ? villageInfo.policeStationName : '暂无数据' }} |
| | | <div class="housing-bg"> |
| | | |
| | | |
| | | <img :src="villageInfo.pic_url" alt="" v-show="villageInfo.pic_url"> |
| | | <el-empty :image-size="120" description="暂无照片" |
| | | v-show="!villageInfo.pic_url && isHaveNoPic == true"></el-empty> |
| | | </div> |
| | | <div class="housing-introduce"> |
| | | <div> |
| | | <div class="l">分类属性:</div> |
| | | <div class="r">{{ villageInfo.type_name ? villageInfo.type_name : '暂无数据' }}</div> |
| | | </div> |
| | | <div> |
| | | <div class="l">所属辖区:</div> |
| | | <div class="r">{{ villageInfo.policeStationName ? villageInfo.policeStationName : '暂无数据' }} |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="l">责任民警:</div> |
| | | <div class="r">{{ villageInfo.policeName ? villageInfo.policeName : '暂无数据' }}</div> |
| | | </div> |
| | | <div> |
| | | <div class="l">标准地址:</div> |
| | | <div class="r">{{ villageInfo.address ? villageInfo.address : '暂无数据' }}</div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="l">责任民警:</div> |
| | | <div class="r">{{ villageInfo.policeName ? villageInfo.policeName : '暂无数据' }}</div> |
| | | </div> |
| | | <div> |
| | | <div class="l">标准地址:</div> |
| | | <div class="r">{{ villageInfo.address ? villageInfo.address : '暂无数据' }}</div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </el-main> |
| | | |
| | | |
| | |
| | | <!-- :class="[{ 'chuzu': value.houseType == '出租' }, { 'zizhu': value.houseType == '自住' }, { 'kongzhi': value.houseType == '空置' }, { 'shangye': value.houseType == '商业' }]" --> |
| | | {{ value.properties.fojcu }} |
| | | <!-- <div class="flow"></div> |
| | | <div class="warning"></div>--> |
| | | <div class="warning"></div>--> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <el-button type="primary" icon="el-icon-search" @click="searchPeopleDetail">搜索</el-button> |
| | | <el-button type="primary" icon="el-icon-delete" @click="clearPeopleDetailSearchValue">清空</el-button> |
| | | </div> |
| | | <el-table :data="personDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | v-loading="keyPeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(17, 38, 163, 1)"> |
| | | <el-table-column label="序号" type="index" width="50" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="zdryxl" label="重点人员类型" v-if="keyPeopleType == 2"></el-table-column> |
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column prop="cardNo" label="身份证号"></el-table-column> |
| | | <el-table-column prop="address" label="地址" v-if="false"></el-table-column> |
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | <div class="pages all-pagination-sty" ref="tablePagination"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="peopleHandleCurrentChange"></el-pagination> |
| | | </div> |
| | | <el-main v-loading="keyPeopleLoading" element-loading-text="拼命加载中" element-loading-spinner="el-icon-loading" |
| | | element-loading-background="rgba(0, 0, 0, 0.2)"> |
| | | <el-table :data="personDetailArr" style="width: 100%" |
| | | :header-cell-style="{ 'text-align': 'center', 'background-color': '#203c60', 'borderColor': '#324e75' }" |
| | | :cell-style="{ 'text-align': 'center', 'borderColor': '#324e75', 'cursor': 'default' }" |
| | | :empty-text="peopleNoDataText"> |
| | | <el-table-column label="序号" type="index" width="50" align="center"> |
| | | <template slot-scope="scope"> |
| | | <span>{{ (peoplePage.currentPage - 1) * peoplePage.pageSize + scope.$index + 1 }}</span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column prop="zdryxl" label="重点人员类型" v-if="keyPeopleType == 2"></el-table-column> |
| | | <el-table-column prop="realName" label="姓名"></el-table-column> |
| | | <el-table-column prop="cardNo" label="身份证号"></el-table-column> |
| | | <el-table-column prop="address" label="地址" v-if="false"></el-table-column> |
| | | <el-table-column prop="phone" label="电话"></el-table-column> |
| | | <el-table-column prop="policeStationName" label="所属派出所"></el-table-column> |
| | | <el-table-column prop="areaName" label="所属责任区"></el-table-column> |
| | | </el-table> |
| | | <div class="pages all-pagination-sty" ref="tablePagination"> |
| | | <el-pagination background layout="prev, pager, next" :page-size="peoplePage.pageSize" |
| | | :total="peoplePage.total" :current-page="peoplePage.currentPage" |
| | | @current-change="peopleHandleCurrentChange"></el-pagination> |
| | | </div> |
| | | </el-main> |
| | | |
| | | </el-dialog> |
| | | </div> |
| | | </template> |
| | |
| | | return { |
| | | // 下拉搜索--树状数据相关 |
| | | searchTreeShowFlag: false, |
| | | peopleNoDataText: '暂无人口数据', |
| | | keyPeopleLoading: false, |
| | | isHaveNoPic: false, |
| | | residentLoading: false, |
| | |
| | | this.keyPeopleType = status |
| | | this.peoplePage.currentPage = 1 |
| | | this.keyPersonTitle = status == 1 ? "户籍人口详情" : "重点人口详情" |
| | | this.peopleNoDataText = status == 1 ? "暂无户籍人口数据" : "暂无重点人口数据" |
| | | this.keyPeopleLoading = true |
| | | this.getVillagePersonInfo( |
| | | "", |
| | |
| | | flex: 1; |
| | | display: flex; |
| | | justify-content: center; |
| | | border-right: 1px solid #fff; |
| | | border-right: 1px solid #fff !important; |
| | | |
| | | &>div { |
| | | cursor: default; |
| | |
| | | } |
| | | |
| | | &>div:last-child { |
| | | border: none; |
| | | border-right: 1px solid transparent !important; |
| | | } |
| | | } |
| | | } |