This commit is contained in:
parent
43a1487bf0
commit
1d54b1c526
Binary file not shown.
After Width: | Height: | Size: 110 KiB |
Binary file not shown.
After Width: | Height: | Size: 113 KiB |
|
@ -507,10 +507,10 @@ const dataEc = reactive({
|
|||
title: "",
|
||||
});
|
||||
const nlfb = reactive({
|
||||
year: [2022, 2023, 2024, 2025, 2026],
|
||||
list1: [0, 1000, 500, 0, 0],
|
||||
list2: [0, 2000, 1000, 0, 0],
|
||||
list3: [0, 3000, 1500, 0, 0],
|
||||
year: [2022, 2023, 2024, 2025, 2026,2027],
|
||||
list1: [0, 1000, 500, 0, 0,0],
|
||||
list2: [0, 2000, 1000, 0, 0,0],
|
||||
list3: [0, 3000, 1500, 0, 0,0],
|
||||
});
|
||||
const showEnrol = () => {
|
||||
dialogShowEnrol.value = true;
|
||||
|
|
|
@ -188,7 +188,7 @@ const closeDialog = () => {
|
|||
:deep(.el-dialog) {
|
||||
--el-dialog-bg-color: none;
|
||||
--el-dialog-width: 55% !important;
|
||||
--el-dialog-margin-top: 11vh;
|
||||
--el-dialog-margin-top: 14vh;
|
||||
}
|
||||
|
||||
.my-header {
|
||||
|
|
|
@ -240,7 +240,7 @@ const selectChange1 = (e) => {
|
|||
:deep(.el-dialog) {
|
||||
--el-dialog-bg-color: none;
|
||||
--el-dialog-width: 76% !important;
|
||||
--el-dialog-margin-top: 11vh;
|
||||
--el-dialog-margin-top: 14vh;
|
||||
// --el-dialog-margin-bottom: 0px !important;
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
|
|
|
@ -152,7 +152,7 @@ const handleRowClick = (row, column, event) => {
|
|||
console.log(row);
|
||||
router.push({
|
||||
path: `/home/index/person`,
|
||||
query: {nm: row.nm, identNo: row.identNo },
|
||||
query: {nm: row.nm, identNo: row.identNo,type:'map'},
|
||||
});
|
||||
};
|
||||
// 详情弹框
|
||||
|
|
|
@ -655,7 +655,7 @@ const getOption = () => {
|
|||
},
|
||||
|
||||
data: data.valueList.map((item) => parseInt(item) + 5),
|
||||
barWidth: 20,
|
||||
barWidth: 30,
|
||||
},
|
||||
{
|
||||
type: "bar",
|
||||
|
|
|
@ -119,20 +119,20 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="center_top">
|
||||
<div class="item">
|
||||
<img src="@/assets/images/hygiene/mjzrc.png" class="left" />
|
||||
<div class="right">
|
||||
<div class="right_top font">门急诊人次</div>
|
||||
<img src="@/assets/images/hygiene/jt.png" class="right_center" />
|
||||
<div class="right_bottom">{{ data.mz.mjzrc }}</div>
|
||||
<div class="item5">
|
||||
<img src="@/assets/images/hygiene/mjzrc.png" class="left5" />
|
||||
<div class="right5">
|
||||
<div class="right5_top font">门急诊人次</div>
|
||||
<img src="@/assets/images/hygiene/jt.png" class="right5_center" />
|
||||
<div class="right5_bottom">{{ data.mz.mjzrc }}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="item">
|
||||
<img src="@/assets/images/hygiene/zyrs.png" class="left" />
|
||||
<div class="right">
|
||||
<div class="right_top font">住院人数</div>
|
||||
<img src="@/assets/images/hygiene/jt.png" class="right_center" />
|
||||
<div class="right_bottom">{{ data.mz.zyrs }}</div>
|
||||
<div class="item5">
|
||||
<img src="@/assets/images/hygiene/zyrs.png" class="left5" />
|
||||
<div class="right5">
|
||||
<div class="right5_top font">住院人数</div>
|
||||
<img src="@/assets/images/hygiene/jt.png" class="right5_center" />
|
||||
<div class="right5_bottom">{{ data.mz.zyrs }}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -163,20 +163,20 @@
|
|||
</div>
|
||||
</div>
|
||||
<div class="minTopPart2">
|
||||
<div class="left">
|
||||
<div class="leftImg">
|
||||
<div class="left5">
|
||||
<div class="leftImg5">
|
||||
<eP4 :list="data.jkda.jdl" v-if="showEchart"></eP4>
|
||||
</div>
|
||||
<div class="left_me">
|
||||
<div class="left5_me">
|
||||
<div>建档率</div>
|
||||
<div class="bo">{{ data.jkda.jdl }}%</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<div class="rightImg">
|
||||
<div class="right5">
|
||||
<div class="rightImg5">
|
||||
<eP4_1 :list="data.jkda.jtysqyl" v-if="showEchart"></eP4_1>
|
||||
</div>
|
||||
<div class="right_me">
|
||||
<div class="right5_me">
|
||||
<div>家庭医生签约率</div>
|
||||
<div class="bo">{{ data.jkda.jtysqyl }}%</div>
|
||||
</div>
|
||||
|
@ -734,26 +734,26 @@ const getData = async () => {
|
|||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-around;
|
||||
.item {
|
||||
.item5 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.left {
|
||||
.left5 {
|
||||
width: 102px;
|
||||
height: 102px;
|
||||
}
|
||||
.right {
|
||||
.right5 {
|
||||
margin-left: 10px;
|
||||
.right_top {
|
||||
.right5_top {
|
||||
font-size: 16px;
|
||||
color: #ffffff;
|
||||
line-height: 22px;
|
||||
letter-spacing: 2px;
|
||||
}
|
||||
.right_center {
|
||||
.right5_center {
|
||||
width: 100px;
|
||||
height: 7px;
|
||||
}
|
||||
.right_bottom {
|
||||
.right5_bottom {
|
||||
margin-top: 3px;
|
||||
padding: 5px;
|
||||
font-size: 22px;
|
||||
|
@ -1186,16 +1186,16 @@ const getData = async () => {
|
|||
margin-top: 35px;
|
||||
padding: 0 5px;
|
||||
box-sizing: border-box;
|
||||
.left {
|
||||
.left5 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 13px;
|
||||
.leftImg {
|
||||
.leftImg5 {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
.left_me {
|
||||
.left5_me {
|
||||
margin-left: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
@ -1218,16 +1218,16 @@ const getData = async () => {
|
|||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
.right5 {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// justify-content: center;
|
||||
|
||||
.rightImg {
|
||||
.rightImg5 {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
.right_me {
|
||||
.right5_me {
|
||||
margin-left: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<div class="my-info-item">
|
||||
<div class="my-info-label">姓  名</div>
|
||||
<div class="my-info-content">
|
||||
<p>{{ baseInfo.nm }}</p>
|
||||
<p>{{ baseInfo.nm || baseInfo.xm}}</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="my-info-item">
|
||||
|
@ -53,7 +53,7 @@
|
|||
<div class="my-info-item">
|
||||
<div class="my-info-label">户口登记地</div>
|
||||
<div class="my-info-content">
|
||||
<p>{{ baseInfo.domicAddr }}</p>
|
||||
<p>{{ baseInfo.domicAddr || baseInfo.dz }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -424,9 +424,41 @@ const getData = (nm, identNo) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
const getData2 = (nm, identNo) => {
|
||||
http
|
||||
.get(`/api/ggfwyth/pg/lyxsdbrymdDetails?xm=${nm}&sfzhm=${identNo}`)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
baseInfo.value = res.data;
|
||||
|
||||
// dataMyTag.myTag.map((item) => {
|
||||
// if (res.data[item.jkName]) {
|
||||
// item.show = Number(res.data[item.jkName]);
|
||||
// }
|
||||
// });
|
||||
if(res.data.yljlx){
|
||||
data.value=[
|
||||
{
|
||||
type:res.data.yljlx,
|
||||
date:res.data.yljffrq,
|
||||
sum:res.data.yljffje
|
||||
}
|
||||
]
|
||||
}else{
|
||||
data.value=[]
|
||||
}
|
||||
// console.log(dataMyTag.myTag, 555);
|
||||
}
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
// console.log(routers.query);
|
||||
getData(routers.query.nm, routers.query.identNo);
|
||||
if(routers.query.type == 'map'){
|
||||
getData(routers.query.nm, routers.query.identNo);
|
||||
}else{
|
||||
getData2(routers.query.nm, routers.query.identNo);
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
|
@ -19,6 +19,7 @@
|
|||
class="table_border"
|
||||
:row-style="rowState"
|
||||
:header-cell-style="tableHeaderColor"
|
||||
@row-click="handleRowClick"
|
||||
>
|
||||
<el-table-column prop="xm" label="姓名" width="90" />
|
||||
<el-table-column prop="dz" label="地址" />
|
||||
|
@ -115,7 +116,7 @@
|
|||
>
|
||||
<el-table-column prop="fullName" label="姓名" width="90" />
|
||||
<el-table-column prop="address" label="地址" />
|
||||
<el-table-column prop="age" label="年龄" width="60"/>
|
||||
<el-table-column prop="age" label="年龄" width="60" />
|
||||
<!-- <el-table-column prop="IDNumber" label="身份证号" /> -->
|
||||
<el-table-column prop="PopulationLabel" label="人口标签" />
|
||||
</el-table>
|
||||
|
@ -137,7 +138,9 @@
|
|||
<script setup>
|
||||
import { ref, reactive, onMounted } from "vue";
|
||||
import http from "@/utils/request.js";
|
||||
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
const router = useRouter();
|
||||
const routers = useRoute();
|
||||
const data = reactive({
|
||||
pagedData: [],
|
||||
first: true,
|
||||
|
@ -591,7 +594,14 @@ const getTable = async (url, currentPage) => {
|
|||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handleRowClick = (row, column, event) => {
|
||||
// row 是当前行的数据
|
||||
console.log(row);
|
||||
router.push({
|
||||
path: `/home/index/person`,
|
||||
query: { nm: row.xm, identNo: row.sfzhm, type: "detail" },
|
||||
});
|
||||
};
|
||||
onMounted(() => {
|
||||
getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage);
|
||||
handleCurrentChange(1);
|
||||
|
|
|
@ -1140,7 +1140,6 @@ const getData = async (i, e) => {
|
|||
percent: item.percent,
|
||||
});
|
||||
});
|
||||
// console.log(personTotal.value,"111");
|
||||
// 年龄百分比
|
||||
const agename = [
|
||||
"09Percent",
|
||||
|
@ -1275,6 +1274,8 @@ const getDatas = async (e, i) => {
|
|||
cs_dd_arr.value.forEach((item, index) => {
|
||||
map.removeOverlay(cs_dd_arr.value[index]);
|
||||
});
|
||||
|
||||
|
||||
cs_dd_arr.value = [...xuanzhongCs.value];
|
||||
cs_dd_arr.value.map((item, index) => {
|
||||
DGcreateCs2(item, index);
|
||||
|
@ -2737,10 +2738,10 @@ const DGcreateCs = (polygon, indexx) => {
|
|||
};
|
||||
//添加单个村社(+数量)
|
||||
const DGcreateCs2 = (polygon, indexx) => {
|
||||
console.log(choose.value.person, "单个村社", polygon);
|
||||
console.log("单个村社", polygon.name);
|
||||
console.log("单个村社", polygon.number);
|
||||
console.log("单个村社", polygon.swrs);
|
||||
// console.log(choose.value.person, "单个村社", polygon);
|
||||
// console.log("单个村社", polygon.name);
|
||||
// console.log("单个村社", polygon.number);
|
||||
// console.log("单个村社", polygon.swrs);
|
||||
function createLabelDOM() {
|
||||
var content = document.createElement("div");
|
||||
content.style.display = "flex";
|
||||
|
|
|
@ -2,12 +2,13 @@
|
|||
<div class="module11">
|
||||
<div class="displayFlex left_bg">
|
||||
<div class="flex1">
|
||||
<div class="yd_title left_1">
|
||||
<div class="yd_title " :class="leftchoose.first == '1' ? 'left_1' : 'left_1_1'"
|
||||
@click="change2('first')">
|
||||
<div class="animate-border">
|
||||
<i></i>
|
||||
<i></i>
|
||||
</div>
|
||||
<span class="text">
|
||||
<!-- <span class="text">
|
||||
<img
|
||||
v-if="leftchoose.first == '1'"
|
||||
src="@/assets/images/hygiene/yb_1.png"
|
||||
|
@ -32,7 +33,7 @@
|
|||
class="c"
|
||||
@click="change('first', '2')"
|
||||
/>
|
||||
</span>
|
||||
</span> -->
|
||||
</div>
|
||||
<ePie
|
||||
v-if="leftchoose.first == '1' && showEchart"
|
||||
|
@ -314,8 +315,12 @@ const lmbqh = () => {
|
|||
}
|
||||
};
|
||||
//
|
||||
const change = (name, index) => {
|
||||
leftchoose.value[name] = index;
|
||||
const change2 = (name) => {
|
||||
if (leftchoose.value[name] == "0") {
|
||||
leftchoose.value[name] = "1";
|
||||
} else {
|
||||
leftchoose.value[name] = "0";
|
||||
}
|
||||
};
|
||||
//自动滚动
|
||||
const mainRef = ref(null);
|
||||
|
@ -629,7 +634,14 @@ const getData = async () => {
|
|||
}
|
||||
|
||||
.left_1 {
|
||||
background-image: url(@/assets/images/hygiene/new_ylbx.png);
|
||||
cursor: pointer;
|
||||
background-image: url(@/assets/images/hygiene/ylbx_ylbxffrc.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.left_1_1 {
|
||||
cursor: pointer;
|
||||
background-image: url(@/assets/images/hygiene/ylbx_ybsyje.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
|
|
@ -15,8 +15,8 @@ export default defineConfig({
|
|||
// 第一个代理
|
||||
"/api": {
|
||||
// 匹配到啥来进行方向代理
|
||||
// target: "http://10.0.0.65:8095/", //刘进
|
||||
target: "http://220.191.238.50:996/", //线上
|
||||
target: "http://10.0.0.65:8095/", //刘进
|
||||
// target: "http://220.191.238.50:996/", //线上
|
||||
changeOrigin: true, //是否支持跨域
|
||||
//rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空,这个
|
||||
},
|
||||
|
|
Loading…
Reference in New Issue