xiangshan
/
ggfwjsc
22
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

gx

This commit is contained in:
duanxiaohai 2024-08-02 15:56:40 +08:00
parent 90987233f4 a6f16fd8ec
commit 26cf5693bf
3 changed files with 116 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/view/dialog/dialogMapDp.vue
View File

@ -152,6 +152,7 @@ const handleRowClick = (row, column, event) => {
console.log(row); console.log(row);
router.push({ router.push({
path: `/home/index/person`, path: `/home/index/person`,
query: {nm: row.nm, identNo: row.identNo },
}); });
}; };
// 详情弹框 // 详情弹框

56
src/view/person/index.vue
View File

@ -12,49 +12,50 @@
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label ">姓&emsp;&emsp;名</div> <div class="my-info-label ">姓&emsp;&emsp;名</div>
<div class="my-info-content"> <div class="my-info-content">
<p>王一</p> <p>{{baseInfo.nm}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label">证件类型</div> <div class="my-info-label">证件类型</div>
<div class="my-info-content"> <div class="my-info-content">
<p>身份证</p> <p>{{baseInfo.zjlx || '身份证'}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label">证件号码</div> <div class="my-info-label">证件号码</div>
<div class="my-info-content"> <div class="my-info-content">
<p>330223********5665</p> <p>{{baseInfo.identNo}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label">政治面貌</div> <div class="my-info-label">政治面貌</div>
<div class="my-info-content"> <div class="my-info-content">
<p>党员</p> <p>{{baseInfo.zzmm || ''}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label">居住状态</div> <div class="my-info-label">居住状态</div>
<div class="my-info-content"> <div class="my-info-content">
<p>居住</p> <p v-if="baseInfo.jzzt == 1">居住</p>
<p v-else>未居住</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label ">民&emsp;&emsp;族</div> <div class="my-info-label ">民&emsp;&emsp;族</div>
<div class="my-info-content"> <div class="my-info-content">
<p>汉</p> <p>{{baseInfo.ethnic}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label ">性&emsp;&emsp;别</div> <div class="my-info-label ">性&emsp;&emsp;别</div>
<div class="my-info-content"> <div class="my-info-content">
<p>男</p> <p>{{baseInfo.gender}}</p>
</div> </div>
</div> </div>
<div class="my-info-item"> <div class="my-info-item">
<div class="my-info-label">户口登记地</div> <div class="my-info-label">户口登记地</div>
<div class="my-info-content"> <div class="my-info-content">
<p>浙江省衢州市龙游县*******王村</p> <p>{{baseInfo.domicAddr}}</p>
</div> </div>
</div> </div>
</div> </div>
@ -148,6 +149,10 @@
<script setup> <script setup>
import { reactive, ref,onMounted } from 'vue' import { reactive, ref,onMounted } from 'vue'
import Dialog from "@/view/dialog/dialog.vue"; import Dialog from "@/view/dialog/dialog.vue";
import { useRouter, useRoute } from "vue-router";
import http from "@/utils/request.js";
const router = useRouter();
const routers = useRoute();
const data = ref([ const data = ref([
{ {
type: '基础养老金', type: '基础养老金',
@ -180,6 +185,9 @@ const pagination = reactive({
const handleTableChange = (pagination) => { const handleTableChange = (pagination) => {
console.log(pagination) console.log(pagination)
} }
const baseInfo=ref({
})
const data1 = ref([ const data1 = ref([
{ {
type: '职工医疗', type: '职工医疗',
@ -245,15 +253,23 @@ const close = (pagination) => {
const handlePagination = (pagination) => { const handlePagination = (pagination) => {
dialogShow.value = false dialogShow.value = false
} }
const getData =(nm,identNo)=>{
onMounted(() => { http
.get(
// // 初始调用 updateClock 以立即显示时间 `/api/ggfwyth/ysyzt/getRysmzqDetails?nm=${nm}&identNo=${
// updateClock(); identNo
// data.nowTab = router.currentRoute.value.fullPath; }`
// // 每隔一秒钟调用一次 updateClock 以更新时钟显示 )
// setInterval(updateClock, 1000); .then((res) => {
if (res.code == 200) {
baseInfo.value=res.data;
}
}); });
}
onMounted(()=>{
// console.log(routers.query);
getData(routers.query.nm,routers.query.identNo)
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -488,10 +504,10 @@ onMounted(() => {
margin-bottom: 20px; margin-bottom: 20px;
cursor: pointer; cursor: pointer;
&:hover { // &:hover {
background: rgba(0, 158, 255, 0.38); // background: rgba(0, 158, 255, 0.38);
box-shadow: inset 0px 0px 11px 0px rgba(255, 255, 255, 0.5); // box-shadow: inset 0px 0px 11px 0px rgba(255, 255, 255, 0.5);
} // }
} }
.my-tag-item_active { .my-tag-item_active {

97
src/view/sy_mapcopy.vue
View File

@ -160,6 +160,10 @@
@close="close" @close="close"
@handle="handlePagination" @handle="handlePagination"
> >
<template #jzzt="{ currentCol, currentData }">
<div v-if="currentData.jzzt==1">居住</div>
<div v-else>未居住</div>
</template>
</Dialog> </Dialog>
</teleport> </teleport>
</div> </div>
@ -951,48 +955,41 @@ const tableType = reactive({
columns: [ columns: [
{ {
label: "姓名", label: "姓名",
property: "xm", property: "nm",
}, },
{ {
label: "手机号", label: "手机号",
property: "phone", property: "tel",
}, },
// { // {
// label: "证件号码", // label: "证件号码",
// property: "zy", // property: "zy",
// }, // },
{ // {
label: "政治面貌", // label: "政治面貌",
property: "zzmm", // property: "zzmm",
}, // },
{ {
label: "居住状态", label: "居住状态",
property: "jzzt", property: "jzzt",
type:'slot'
}, },
{ {
label: "民族", label: "民族",
property: "mz", property: "ethnic",
}, },
{ {
label: "性别", label: "性别",
property: "xb", property: "gender",
}, },
{ {
label: "户口登记地", label: "户口登记地",
property: "hkdjd", property: "domicAddr",
width: "200px", width: "300px",
}, },
], ],
data: [ data: [
{
xm: "张三",
phone: "123456789012345678",
zzmm: "党员",
jzzt: "未居住",
mz: "汉族",
xb: "男",
hkdjd: "浙江省杭州市西湖区",
},
], ],
}); });
// 表格分页 // 表格分页
@ -1739,6 +1736,17 @@ const to_jd = (item_name) => {
}; };
//详情 //详情
const open_detail = () => { const open_detail = () => {
let age = "";
if (choose.value.person == "9999") {
age = "";
} else if (choose.value.person == "6666") {
age = "";
} else if (choose.value.person == 1) {
age = "0";
} else {
age = choose.value.person - 1;
}
person_detail(age);
dialogShow.value = true; dialogShow.value = true;
}; };
const close = () => { const close = () => {
@ -1748,10 +1756,33 @@ const close = () => {
//表格分页 //表格分页
const handlePagination = (current) => { const handlePagination = (current) => {
pagination.currentPage = current; pagination.currentPage = current;
getTable(tableType.url, pagination.currentPage); let age = "";
if (choose.value.person == "9999") {
age = "";
} else if (choose.value.person == "6666") {
age = "";
} else if (choose.value.person == 1) {
age = "0";
} else {
age = choose.value.person - 1;
}
person_detail();
}; };
//获取人口详情接口 //获取人口详情接口
const person_detail = () => {}; const person_detail = (age) => {
http
.get(
`/api/ggfwyth/ysyzt/getRysmzq?page=${pagination.currentPage}&size=${
pagination.pageSize
}&age=${age || ""}&committee=${cfCs.value || ""}&xzjd=${cfJd.value || ""}`
)
.then((res) => {
if (res.code == 200) {
tableType.data=res.data;
pagination.total = res.count;
}
});
};
//--------公共服务圈----------- //--------公共服务圈-----------
//点击服务圈村 //点击服务圈村
const changeFwq = async (id, name, names) => { const changeFwq = async (id, name, names) => {
@ -2632,8 +2663,18 @@ const createCs2 = (polygon, indexx) => {
}); });
map.addOverlay(cs_number_name_arr.value[indexx]); map.addOverlay(cs_number_name_arr.value[indexx]);
cs_number_name_arr.value[indexx].addEventListener("click", () => { cs_number_name_arr.value[indexx].addEventListener("click", () => {
console.log(polygon.name); if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
} else {
open_detail(); open_detail();
}
}); });
}; };
//添加单个村社 //添加单个村社
@ -2772,7 +2813,19 @@ const DGcreateCs2 = (polygon, indexx) => {
map.addOverlay(cs_dd_arr.value[indexx]); map.addOverlay(cs_dd_arr.value[indexx]);
cs_dd_arr.value[indexx].addEventListener("click", () => { cs_dd_arr.value[indexx].addEventListener("click", () => {
console.log(cfJd.value, polygon.name); console.log(cfJd.value, polygon.name);
if (
choose.value.person == "cjr" ||
choose.value.person == "dibian" ||
choose.value.person == "db" ||
choose.value.person == "gxy" ||
choose.value.person == "tnb" ||
choose.value.person == "tyjr" ||
choose.value.person == "kjer"
) {
} else {
open_detail(); open_detail();
}
// open_detail();
}); });
}; };
//适配 //适配