SongZhen
2 years ago
8 changed files with 254 additions and 56 deletions
@ -0,0 +1,56 @@ |
|||||
|
<template> |
||||
|
<div> |
||||
|
<div :title="getAllName(item[areaName])">{{ spliceNameFun(item[areaName], 8) }}</div> |
||||
|
<div v-if="item[peopleName] && !item[peopleName].includes(',')" @click="gotoPersonnel(item.resiId)" :title="getAllName(item[peopleName])">{{ spliceNameFun(item[peopleName], 12) }}</div> |
||||
|
<div class="name_more" v-if="item[peopleName] && item[peopleName].includes(',')"> |
||||
|
<span v-for="(i, k) in item[peopleName].split(',')" :key="i" @click="gotoPersonnel(item.resiId[k])" :title="getAllName(i)">{{ spliceNameFun(i, 12) }}{{ k === getItemNameArr(item[peopleName]).length - 1 ? "" : "," }}</span> |
||||
|
<popTips :item="item" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "NameSplit", |
||||
|
props: { |
||||
|
item: { |
||||
|
type: Object, |
||||
|
default: () => {}, |
||||
|
}, |
||||
|
areaName: { |
||||
|
type: String, |
||||
|
default: "partyOrgName", |
||||
|
}, |
||||
|
peopleName: { |
||||
|
type: String, |
||||
|
default: "principalName", |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
getAllName(item) { |
||||
|
return item; |
||||
|
}, |
||||
|
|
||||
|
getItemNameArr(str) { |
||||
|
return str.split(",").slice(0, 2); |
||||
|
}, |
||||
|
|
||||
|
spliceNameFun(row, num) { |
||||
|
if (row && row.length > num) { |
||||
|
return row.substring(0, num) + "..."; |
||||
|
} |
||||
|
return row; |
||||
|
}, |
||||
|
gotoPersonnel(id) { |
||||
|
if (id) { |
||||
|
this.$router.push({ path: "/organizational/orgPersonnel", query: { user_id: id } }); |
||||
|
} else { |
||||
|
this.$message.error("无法跳转！"); |
||||
|
} |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,57 @@ |
|||||
|
<template> |
||||
|
<el-popover popper-class="popperClass" placement="right" trigger="hover"> |
||||
|
<div class="popperList"> |
||||
|
<div style="margin-bottom: 13px">家庭类别</div> |
||||
|
<div class="listMsg" v-for="item in homeTypeArr" :key="item"> |
||||
|
<img :src="require(`@/assets/images/home/${getHomeTypesMap(item)[1]}.png`)" alt="" /> |
||||
|
<span style="margin-left: 3px">{{ getHomeTypesMap(item)[0] }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<slot></slot> |
||||
|
</el-popover> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "PopTips", |
||||
|
props: { |
||||
|
homeTypeArr: { |
||||
|
type: Array, |
||||
|
default: () => [], |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
// 家庭类别Map |
||||
|
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" }], |
||||
|
]); |
||||
|
return [homeTypeMap.get(item).name, homeTypeMap.get(item).icon]; |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
@ -0,0 +1,41 @@ |
|||||
|
<template> |
||||
|
<el-popover v-if="getItemNameArr(item.name).length > 2" popper-class="popperClass" placement="right" trigger="hover"> |
||||
|
<div class="popperList"> |
||||
|
<div style="margin-bottom: 13px">所有人员</div> |
||||
|
<div v-for="(itm, idx) in getItemNameArr(item.name)" :key="itm"> |
||||
|
<span style="cursor: pointer" @click="gotoPersonnel(item.resiId[idx])">{{ itm }}</span> |
||||
|
</div> |
||||
|
</div> |
||||
|
<i slot="reference" style="margin-left: 2px" class="el-icon-more"></i> |
||||
|
</el-popover> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "PopTips", |
||||
|
props: { |
||||
|
item: { |
||||
|
type: Object, |
||||
|
default: () => {}, |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
methods: { |
||||
|
gotoPersonnel(id) { |
||||
|
if (id) { |
||||
|
this.$router.push("/organizational/orgPersonnel"); |
||||
|
} else { |
||||
|
this.$message({ |
||||
|
message: "无法跳转", |
||||
|
type: "error", |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
getItemNameArr(str) { |
||||
|
return str.split(","); |
||||
|
}, |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
Loading…
Reference in new issue