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