Browse Source

添加特服人员icon图标,展示重点人员图标

V1.0
PLUTO 2 years ago
parent
commit
b797ee0930
  1. BIN
      src/assets/images/home/tfry.png
  2. 62
      src/views/dataBoard/cpts/homeDetails/index.vue

BIN
src/assets/images/home/tfry.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 819 B

62
src/views/dataBoard/cpts/homeDetails/index.vue

@ -129,11 +129,14 @@
<span style="color: #3cf5ff" v-else></span>
</template>
</el-table-column>
<el-table-column prop="importanceNum" width="140" label="重点人员">
<el-table-column prop="categorys" width="140" label="重点人员">
<template slot="header"> <img :src="require('@/assets/images/home/dangerPeople.png')" alt="" /> 重点人员 </template>
<template slot-scope="scope">
<span style="color: #f95619" v-if="+scope.row.importanceNum > 0"></span>
<span style="color: #3cf5ff" v-else></span>
<div v-if="scope.row.categorys && scope.row.categorys.length > 0" style="display: flex; align-items: center; margin-bottom: 5px">
<div v-for="item in scope.row.categorys.slice(0, 5)" :key="item">
<img :src="require(`@/assets/images/home/${getHomeTypesMap(item)}.png`)" alt="" style="width: 20px; height: 20px; margin-right: 5px" />
</div>
</div>
</template>
</el-table-column>
<el-table-column label="操作" width="90" align="center">
@ -142,6 +145,10 @@
</template>
</el-table-column>
</el-table>
<!-- <div v-else style="width: 100%; height: 100%; text-align: center; padding-top: 120px">
<img width="268px" height="128px" src="~@/assets/images/overview/zanwu.png" />
<div style="color: #fff">暂无数据</div>
</div> -->
</div>
<div>
<Pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNo" :limit.sync="queryParams.pageSize" @pagination="getTableData" />
@ -280,6 +287,7 @@ export default {
},
getTableData(id) {
// const idx = "812295ba44c594fc85a808f67b7a8aa4";
this.queryParams.unitId = id;
this.loading = true;
this.$http.get("/actual/base/streetOverview/getUnitHouseOverviewList?" + this.$paramsFormat(this.queryParams)).then((res) => {
@ -366,30 +374,32 @@ export default {
getHomeTypesMap(item) {
const homeTypeMap = new Map([
["partyFlag", { name: "党员", icon: "dy" }],
["subsistenceAllowanceFlag", { name: "低保人员", icon: "dbry" }],
["ensureHouseFlag", { name: "保障房人员", icon: "bzfry" }],
["unemployedFlag", { name: "失业人员", icon: "syry" }],
["fertileWomanFlag", { name: "育龄妇女", icon: "ylfn" }],
["veteranFlag", { name: "退役军人", icon: "tyjr" }],
["unitedFrontFlag", { name: "统战人员", icon: "tzry" }],
["petitionOfficerFlag", { name: "信访人员", icon: "xfry" }],
["volunteerFlag", { name: "志愿者", icon: "zyz" }],
["oldPeopleFlag", { name: "老年人", icon: "lnr" }],
["emptyNesterFlag", { name: "空巢老人", icon: "kclr" }],
["specialSupportFlag", { name: "特扶人员", icon: "tfry" }],
["disabledFlag", { name: "失能人员", icon: "snry" }],
["dementedFlag", { name: "失智人员", icon: "szry" }],
["disabilityFlag", { name: "残疾人", icon: "cjr" }],
["seriousIllnessFlag", { name: "大病人员", icon: "dbry" }],
["chronicDiseaseFlag", { name: "慢性病人员", icon: "mxbry" }],
["specialCrowdFlag", { name: "特殊人群", icon: "tsry" }],
["tenantFlag", { name: "租户", icon: "zh" }],
["floatingFlag", { name: "流动人员", icon: "ldry" }],
["liveAloneFlag", { name: "独居老人", icon: "kclr" }],
["publicWelfareFlag", { name: "公益岗人员", icon: "gyg" }],
["PARTY_FLAG", "dy"],
["SUBSISTENCE_ALLOWANCE_FLAG", "dbry"],
["ENSURE_HOUSE_FLAG", "bzfry"],
["UNEMPLOYED_FLAG", "syry"],
["FERTILE_WOMAN_FLAG", "ylfn"],
["VETERAN_FLAG", "tyjr"],
["UNITED_FRONT_FLAG", "tzry"],
["PETITION_OFFICER_FLAG", "xfry"],
["VOLUNTEER_FLAG", "zyz"],
["oldPeopleFlag", "lnr"],
["EMPTY_NESTER_FLAG", "kclr"],
["SPECIAL_SUPPORT_FLAG", "tfry"],
["DISABLED_FLAG", "snry"],
["DEMENTED_FLAG", "szry"],
["DISABILITY_FLAG", "cjr"],
["SERIOUS_ILLNESS_FLAG", "dbry"],
["CHRONIC_DISEASE_FLAG", "mxbry"],
["SPECIAL_CROWD_FLAG", "tsry"],
["TENANT_FLAG", "zh"],
["FLOATING_FLAG", "ldry"],
["LIVE_ALONE_FLAG", "kclr"],
["PUBLIC_WELFARE_FLAG", "gyg"],
]);
return [homeTypeMap.get(item).name, homeTypeMap.get(item).icon];
console.log(item);
console.log(homeTypeMap.get(item));
return homeTypeMap.get(item);
},
chooseNav(item) {

Loading…
Cancel
Save