Browse Source

完善完善 准备对接口

feature
dai 3 years ago
parent
commit
edccda732f
  1. 618
      src/views/dataBoard/cpts/resi-details.vue
  2. 105
      src/views/dataBoard/renfang/cpts/rkyj.vue
  3. 2
      src/views/dataBoard/renfang/house/list.vue
  4. 2
      src/views/dataBoard/renfang/index.vue
  5. 20
      src/views/dataBoard/renfang/resi/class.vue
  6. 2
      src/views/dataBoard/renfang/resi/list.vue
  7. 16
      src/views/dataBoard/renfang/warn/building.vue

618
src/views/dataBoard/cpts/resi-details.vue

@ -155,6 +155,520 @@
</div>
</div>
</div>
<div v-if="currentTab == '兴趣爱好'">
<div class="row">
<div class="item">
<div class="field">兴趣</div>
<div class="value">{{ info.hobby }}</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.hobby_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '宗教'">
<div class="row">
<div class="item">
<div class="field">宗教</div>
<div class="value">{{ info.belief }}</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.belief_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '健康'">
<div class="row">
<div class="item">
<div class="field">残疾类别</div>
<div class="value">{{ info.disable_type }}</div>
</div>
<div class="item">
<div class="field">残疾等级</div>
<div class="value">{{ info.disable_degree }}</div>
</div>
<div class="item">
<div class="field">残疾证号</div>
<div class="value">{{ info.disable_idcard }}</div>
</div>
<div class="item">
<div class="field">残疾说明</div>
<div class="value">{{ info.disable_remark }}</div>
</div>
<div class="item">
<div class="field">监护人</div>
<div class="value">{{ info.guardian }}</div>
</div>
<div class="item">
<div class="field">劳动能力</div>
<div class="value">{{ info.skill }}</div>
</div>
<div class="item">
<div class="field">非义务教育阶段助学</div>
<div class="value">
{{ info.voluntaryEducationFlag }}
</div>
</div>
<div class="item">
<div class="field">所患大病</div>
<div class="value">
{{ info.voluntaryEducationFlag }}
</div>
</div>
<div class="item">
<div class="field">大病患病时间</div>
<div class="value">{{ info.illnessCode }}</div>
</div>
<div class="item">
<div class="field">所患慢性病</div>
<div class="value">
{{ info.chronicDiseaseCode }}
</div>
</div>
<div class="item">
<div class="field">慢病患病时间</div>
<div class="value">
{{ info.chronicDiseaseTime }}
</div>
</div>
<div class="item">
<div class="field">是否参保</div>
<div class="value">
{{ info.chronicDiseaseTime }}
</div>
</div>
<div class="item">
<div class="field">自付金额</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助金额</div>
<div class="value">{{ info.selfPayAmount }}</div>
</div>
<div class="item">
<div class="field">救助时间</div>
<div class="value">
{{ info.deliveranceAmount }}
</div>
</div>
<div class="item">
<div class="field">享受救助明细序号</div>
<div class="value">{{ info.deliveranceTime }}</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.deliveranceNum }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '工作'">
<div class="row">
<div class="item">
<div class="field">工作单位</div>
<div class="value">{{ info.workunit }}</div>
</div>
<div class="item">
<div class="field">职业</div>
<div class="value">{{ info.career }}</div>
</div>
<div class="item">
<div class="field">离退休时间</div>
<div class="value">{{ info.retire_date }}</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.retire_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '经济状况'">
<div class="row">
<div class="item">
<div class="field">退休金额</div>
<div class="value">{{ info.retire_income }}</div>
</div>
<div class="item">
<div class="field">月收入</div>
<div class="value">{{ info.income }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '居住'">
<div class="row">
<div class="item">
<div class="field">籍贯</div>
<div class="value">{{ info.native }}</div>
</div>
<div class="item">
<div class="field">户籍所在地</div>
<div class="value">{{ info.native_place }}</div>
</div>
<div class="item">
<div class="field">现居住地</div>
<div class="value">
{{ info.residence_current }}
</div>
</div>
<div class="item">
<div class="field">人户状况</div>
<div class="value">{{ info.household }}</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.household_remark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '家庭'">
<div class="row">
<div class="item">
<div class="field">与户主关系</div>
<div class="value">{{ info.holdingrel }}</div>
</div>
<div class="item">
<div class="field">居住情况</div>
<div class="value">{{ info.residence }}</div>
</div>
<div class="item">
<div class="field">婚姻状况</div>
<div class="value">{{ info.marital }}</div>
</div>
<div class="item">
<div class="field">配偶状况</div>
<div class="value">{{ info.spouse }}</div>
</div>
<div class="item">
<div class="field">有无赡养人</div>
<div class="value">{{ info.supporters }}</div>
</div>
<div class="item">
<div class="field">与赡养人关系</div>
<div class="value">
{{ info.supporters_relation }}
</div>
</div>
<div class="item">
<div class="field">赡养人联系电话</div>
<div class="value">
{{ info.dependantMobile }}
</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.familyInfoRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '党员'">
<div class="row">
<div class="item">
<div class="field">入党时间</div>
<div class="value">{{ info.joinTime }}</div>
</div>
<div class="item">
<div class="field">转正时间</div>
<div class="value">{{ info.positiveTime }}</div>
</div>
<div class="item">
<div class="field">所属支部</div>
<div class="value">{{ info.branchId }}</div>
</div>
<div class="item">
<div class="field">是否流动党员</div>
<div class="value">{{ info.flowFlag }}</div>
</div>
<div class="item">
<div class="field">流动党员活动证号</div>
<div class="value">{{ info.flowActNum }}</div>
</div>
<div class="item">
<div class="field">职务</div>
<div class="value">{{ info.partyJob }}</div>
</div>
<div class="item">
<div class="field">是否退休</div>
<div class="value">{{ info.retiredFlag }}</div>
</div>
<div class="item">
<div class="field">是否党员中心户</div>
<div class="value">{{ info.centerFlag }}</div>
</div>
<div class="item">
<div class="field">入党时所在党支部</div>
<div class="value">{{ info.joinBranchName }}</div>
</div>
<div class="item">
<div class="field">组织关系转入社区时间</div>
<div class="value">
{{ info.joinCommunityTime }}
</div>
</div>
<div class="item">
<div class="field">是否请长假</div>
<div class="value">{{ info.longHolidayFlag }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '保障房'">
<div class="row">
<div class="item">
<div class="field">住房性质</div>
<div class="value">{{ info.housingNature }}</div>
</div>
<div class="item">
<div class="field">保障类型</div>
<div class="value">{{ info.securityType }}</div>
</div>
<div class="item">
<div class="field">发证日期</div>
<div class="value">{{ info.certificateDate }}</div>
</div>
<div class="item">
<div class="field">补贴编号</div>
<div class="value">{{ info.subsidyNum }}</div>
</div>
<div class="item">
<div class="field">补贴金额</div>
<div class="value">{{ info.subsidyAmount }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '失业'">
<div class="row">
<div class="item">
<div class="field">原工作单位</div>
<div class="value">{{ info.originWorkUnit }}</div>
</div>
<div class="item">
<div class="field">失业时间</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">失业证号</div>
<div class="value">{{ info.unemploymentTime }}</div>
</div>
<div class="item">
<div class="field">再就业优惠证号</div>
<div class="value">{{ info.employmentNum }}</div>
</div>
<div class="item">
<div class="field">技术特长</div>
<div class="value">{{ info.specialSkill }}</div>
</div>
<div class="item">
<div class="field">失业原因</div>
<div class="value">
{{ info.unemploymentReason }}
</div>
</div>
<div class="item">
<div class="field">是否就业困难对象</div>
<div class="value">
{{ info.employmentHardFlag }}
</div>
</div>
<div class="item">
<div class="field">劳动能力就业愿望</div>
<div class="value">{{ info.employmentWish }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '退役军人'">
<div class="row">
<div class="item">
<div class="field">入伍时间</div>
<div class="value">{{ info.joinArmyTime }}</div>
</div>
<div class="item">
<div class="field">退伍时间</div>
<div class="value">{{ info.leaveArmyTime }}</div>
</div>
<div class="item">
<div class="field">服役单位</div>
<div class="value">{{ info.serviceUnit }}</div>
</div>
<div class="item">
<div class="field">接收单位</div>
<div class="value">{{ info.receiveUnit }}</div>
</div>
<div class="item">
<div class="field">待安置补助金</div>
<div class="value">{{ info.settlementAmount }}</div>
</div>
<div class="item">
<div class="field">培训状况</div>
<div class="value">{{ info.trainDesc }}</div>
</div>
<div class="item">
<div class="field">参战时间开始日期</div>
<div class="value">{{ info.joinWarStartTime }}</div>
</div>
<div class="item">
<div class="field">参战时间截止日期</div>
<div class="value">{{ info.joinWarEndTime }}</div>
</div>
<div class="item">
<div class="field">现就业状况</div>
<div class="value">
{{ info.employmentSituation }}
</div>
</div>
<div class="item">
<div class="field">是否办理公益性岗位</div>
<div class="value">
{{ info.pubWelfareJobFlag }}
</div>
</div>
</div>
</div>
<div v-if="currentTab == '统战人员'">
<div class="row">
<div class="item">
<div class="field">职务</div>
<div class="value">{{ info.duty }}</div>
</div>
<div class="item">
<div class="field">探亲情况</div>
<div class="value">{{ info.visitation }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '志愿者'">
<div class="row">
<div class="item">
<div class="field">志愿者类别</div>
<div class="value">
{{ info.volunteerCategory }}
</div>
</div>
<div class="item">
<div class="field">备注</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '老年人'">
<div class="row">
<div class="item">
<div class="field">高龄补助</div>
<div class="value">{{ info.volunteerRemark }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '特殊人群'">
<div class="row">
<div class="item">
<div class="field">特殊人群类别</div>
<div class="value">
{{ info.specialCategoryCode }}
</div>
</div>
</div>
</div>
<div v-if="currentTab == '出生信息'">
<div class="row">
<div class="item">
<div class="field">出生地</div>
<div class="value">{{ info.birthplace }}</div>
</div>
<div class="item">
<div class="field">父亲姓名</div>
<div class="value">{{ info.father }}</div>
</div>
<div class="item">
<div class="field">母亲姓名</div>
<div class="value">{{ info.mother }}</div>
</div>
<div class="item">
<div class="field">胎次</div>
<div class="value">{{ info.count }}</div>
</div>
<div class="item">
<div class="field">申报日期</div>
<div class="value">{{ info.reportDate }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '死亡信息'">
<div class="row">
<div class="item">
<div class="field">死亡时间</div>
<div class="value">{{ info.deathDate }}</div>
</div>
<div class="item">
<div class="field">加入原因</div>
<div class="value">{{ info.deathReason }}</div>
</div>
<div class="item">
<div class="field">移除时间</div>
<div class="value">{{ info.removeDate }}</div>
</div>
<div class="item">
<div class="field">移除原因</div>
<div class="value">{{ info.removeReason }}</div>
</div>
</div>
</div>
<div v-if="currentTab == '迁出'">
<div class="row">
<div class="item">
<div class="field">迁出信息</div>
<div class="value">{{ info.outOfTime }}</div>
</div>
<div class="item">
<div class="field">迁出类别</div>
<div class="value">{{ info.type }}</div>
</div>
<div class="item">
<div class="field">迁出原因</div>
<div class="value">{{ info.reason }}</div>
</div>
<div class="item">
<div class="field">迁出至组织</div>
<div class="value">{{ info.deptId }}</div>
</div>
<div class="item">
<div class="field">小区</div>
<div class="value">{{ info.villageName }}</div>
</div>
<div class="item">
<div class="field">楼号</div>
<div class="value">{{ info.buildName }}</div>
</div>
<div class="item">
<div class="field">单元</div>
<div class="value">{{ info.unitName }}</div>
</div>
<div class="item">
<div class="field">房屋</div>
<div class="value">{{ info.homeName }}</div>
</div>
<div class="item">
<div class="field">外迁地址</div>
<div class="value">{{ info.address }}</div>
</div>
</div>
</div>
</div>
</template>
</popup>
@ -245,20 +759,95 @@ export default {
name: "--",
grid: "--",
retire_date: "--",
joinTime: "--",
positiveTime: "--",
branchId: "--",
flowFlag: "--",
flowActNum: "--",
partyJob: "--",
retiredFlag: "--",
centerFlag: "--",
joinBranchName: "--",
joinCommunityTime: "--",
longHolidayFlag: "--",
ensure_house_id: "--",
housingNature: "--",
securityType: "--",
certificateDate: "--",
subsidyNum: "--",
subsidyAmount: "--",
unemployed_id: "--",
originWorkUnit: "--",
unemploymentTime: "--",
unemploymentNum: "--",
employmentNum: "--",
specialSkill: "--",
unemploymentReason: "--",
employmentHardFlag: "--",
employmentWish: "--",
veteran_id: "--",
joinArmyTime: "--",
leaveArmyTime: "--",
serviceUnit: "--",
receiveUnit: "--",
settlementAmount: "--",
trainDesc: "--",
joinWarStartTime: "--",
joinWarEndTime: "--",
employmentSituation: "--",
pubWelfareJobFlag: "--",
united_front_id: "--",
duty: "--",
visitation: "--",
volunteer_id: "--",
volunteerCategory: "--",
volunteerRemark: "--",
old_people_id: "--",
oldSubsidy: "--",
special_id: "--",
specialCategoryCode: "--",
birth_record_id: "--",
birthplace: "--",
father: "--",
mother: "--",
count: "--",
reportDate: "--",
death_record_id: "--",
deathDate: "--",
deathReason: "--",
removeDate: "--",
removeReason: "--",
move_out_record_id: "--",
outOfTime: "--",
type: "--",
reason: "--",
deptId: "--",
villageId: "--",
villageName: "--",
buildId: "--",
buildName: "--",
unitId: "--",
unitName: "--",
homeId: "--",
homeName: "--",
address: "--",
residence_current: "--",
},
currentTabIndex: 0,
startTabIndex: 0,
tabList: [
BaseTabList: [
"教育信息",
"兴趣爱好",
"宗教信仰",
"健康信息",
"工作信息",
"宗教",
"健康",
"工作",
"经济状况",
"居住信息",
"家庭信息",
"居住",
"家庭",
],
tabList: [],
};
},
@ -310,12 +899,27 @@ export default {
},
},
{
mockId: 60069644,
mockId: 61172054,
}
);
if (code === 0) {
this.info = { ...this.info, ...data[0] };
const { info } = this;
let tabList = this.BaseTabList;
info.crowd && tabList.push("党员");
info.srs && tabList.push("保障房");
info.unemployed && tabList.push("失业");
info.exs && tabList.push("退役军人");
info.ufs && tabList.push("统战人员");
info.volunteer && tabList.push("志愿者");
info.aged && tabList.push("老年人");
info.special_popu && tabList.push("特殊人群");
tabList.push("出生信息");
tabList.push("死亡信息");
tabList.push("迁出");
this.tabList = tabList;
} else {
this.$message.error(msg);
}

105
src/views/dataBoard/renfang/cpts/rkyj.vue

@ -3,23 +3,48 @@
<div class="title">
<div>预警居民类别</div>
<div>
黄色预警<img
class="img"
src="@/assets/images/shuju/renfang/remark.png"
alt
/>
<span>黄色预警</span>
<div class="explain">
<img
class="btn-explain"
src="@/assets/images/shuju/renfang/remark.png"
/>
<div class="explain-box">
<div
class="explain-item"
v-for="(dataitem, index) in list"
:key="index"
>
<span>{{ dataitem.type_name }}</span>
<b>{{ dataitem.yellow_threshold }}</b>
</div>
</div>
</div>
</div>
<div>
红色预警<img
class="img"
src="@/assets/images/shuju/renfang/remark.png"
alt
/>
<span>红色预警</span>
<div class="explain">
<img
class="btn-explain"
src="@/assets/images/shuju/renfang/remark.png"
/>
<div class="explain-box">
<div
class="explain-item"
v-for="(dataitem, index) in list"
:key="index"
>
<span>{{ dataitem.type_name }}</span>
<b>{{ dataitem.red_threshold }}</b>
</div>
</div>
</div>
</div>
</div>
<div class="list">
<div v-for="(dataitem, index) in list" :key="index" class="item">
<div class="item-title">{{ dataitem.type_name }}</div>
<div
class="item-num"
@click="
@ -34,6 +59,7 @@
dataitem.yellow_threshold
}}
</div>
<div
class="item-num"
@click="
@ -117,6 +143,8 @@ export default {
</script>
<style lang="scss" scoped>
@import "@/assets/scss/c/config.scss";
@import "@/assets/scss/c/function.scss";
.m-list {
padding-bottom: 20px;
@ -124,16 +152,63 @@ export default {
margin: 24px 0 24px 24px;
display: flex;
justify-content: space-between;
font-size: 16px;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #ffffff;
.img {
margin-left: 4px;
width: 15px;
height: 15px;
> div {
width: 33%;
display: flex;
align-items: center;
justify-content: center;
&:first-child {
text-align: left;
justify-content: flex-start;
}
.explain {
position: relative;
margin-left: 4px;
.btn-explain {
width: 15px;
height: 15px;
}
&:hover {
.explain-box {
display: block;
}
}
.explain-box {
position: absolute;
display: none;
top: 30px;
left: -140px;
padding: 15px 5px;
box-sizing: border-box;
width: 180px;
background: #00023a;
border-radius: 2px;
border: 1px solid #1a95ff;
.explain-item {
@include toe;
font-size: 14px;
font-family: PingFang SC;
font-weight: 400;
color: rgba(#ffffff, 0.85);
line-height: 28px;
span {
display: inline-block;
margin-right: 5px;
min-width: 90px;
text-align: right;
color: rgba(#ffffff, 0.65);
}
}
}
}
}
}

2
src/views/dataBoard/renfang/house/list.vue

@ -193,7 +193,7 @@ export default {
{
queryParam: {
org_id,
houseType,
type: houseType,
pageNo,
pageSize,
},

2
src/views/dataBoard/renfang/index.vue

@ -436,7 +436,7 @@ export default {
teenagers_ratio: "--",
},
displayedResiId: "1",
displayedResiId: "",
displayedHouseId: "",
};
},

20
src/views/dataBoard/renfang/resi/class.vue

@ -16,7 +16,7 @@
<div class="tip_title">{{ tableTitle }}</div>
<div class="title_line"></div>
<div class="second-select">
<div class="second-select" v-if="type_id == '6'">
<el-select
v-model="subclassId"
:popper-append-to-body="false"
@ -171,6 +171,12 @@ export default {
}
},
watch: {
subclassId() {
this.getList();
},
},
methods: {
handleClickBreadItem({ item }) {
if (item.type == "back") {
@ -196,10 +202,11 @@ export default {
},
async getSubclass() {
console.log("=================getSubclass");
const { org_id, type_id } = this;
this.loading = true;
const url = "resident_class_list";
const url = "resident_analyze_list";
const { data, code, msg } = await requestPostBi(
url,
@ -210,7 +217,7 @@ export default {
},
},
{
mockId: 60069169,
mockId: 62648939,
}
);
@ -219,8 +226,8 @@ export default {
if (code === 0) {
this.subclassList = data.map((item, index) => {
return {
label: item.label,
value: item.value,
label: item.type_name,
value: item.type_id,
};
});
} else {
@ -229,7 +236,7 @@ export default {
},
async getList() {
const { org_id, type_id, pageNo, pageSize } = this;
const { org_id, type_id, subclassId, pageNo, pageSize } = this;
this.loading = true;
const url = "resident_class_list";
@ -240,6 +247,7 @@ export default {
queryParam: {
org_id,
type_id,
subclassId,
pageNo,
pageSize,
},

2
src/views/dataBoard/renfang/resi/list.vue

@ -180,7 +180,7 @@ export default {
{
queryParam: {
org_id,
resiType,
type: resiType,
pageNo,
pageSize,
},

16
src/views/dataBoard/renfang/warn/building.vue

@ -123,12 +123,14 @@ export default {
};
},
mounted() {
activated() {
this.org_id = getQueryPara("org_id");
this.level = getQueryPara("level");
this.type_id = getQueryPara("type_id");
const type_name = getQueryPara("type_name");
this.breadList[1].meta.title = type_name + "预警楼栋";
this.tableTitle =
type_name + (this.level == "red" ? "红色" : "黄色") + "预警楼栋";
this.breadList[1].meta.title = this.tableTitle;
this.getList();
},
@ -148,7 +150,7 @@ export default {
showInfo(index) {
let item = this.srcTableData[index];
this.displayedId = building_id;
this.displayedId = item.building_id;
this.breadList.push({
meta: {
@ -171,17 +173,15 @@ export default {
const { org_id, type_id, level, pageNo, pageSize } = this;
this.loading = true;
const url =
level == "yellow"
? "resident_warn_building_y"
: "resident_warn_building_r";
const url = "resident_warn_building";
const { data, code, msg } = await requestPostBi(
url,
{
queryParam: {
org_id,
type_id,
warn_type: level,
resi_type: type_id,
pageNo,
pageSize,
},

Loading…
Cancel
Save