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

11

This commit is contained in:
汪汇 2024-07-24 17:47:25 +08:00
parent f1b35c0be0 dc0501c193
commit f0f8d78d9e
4 changed files with 379 additions and 187 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
src/view/sy.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="module" > <div class="module">
<div class="displayFlex left_bg"> <div class="displayFlex left_bg">
<div class="flex1"> <div class="flex1">
<div class="yd_title left_1" @click="goto('/home/index/table')"> <div class="yd_title left_1" @click="goto('/home/index/table')">
@ -217,7 +217,11 @@
<div class="sex">男性人口</div> <div class="sex">男性人口</div>
<img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" /> <img class="sexMove" src="../assets/images/sy/sexImg.png" alt="" />
</div> </div>
<div class="people_total_item2 center" @click="goto('/home/index/map')" style="cursor: pointer;"> <div
class="people_total_item2 center"
@click="goto('/home/index/map')"
style="cursor: pointer"
>
<img src="../assets/images/sy/people_total.png" alt="" /> <img src="../assets/images/sy/people_total.png" alt="" />
<div class="number">{{ data.PopulationData.rkzs }}</div> <div class="number">{{ data.PopulationData.rkzs }}</div>
<div class="total">人口总数</div> <div class="total">人口总数</div>
@ -413,11 +417,11 @@
class="ylws_item" class="ylws_item"
v-for="(item, index) in data.ylwsList" v-for="(item, index) in data.ylwsList"
:key="index" :key="index"
:style="{'cursor': item.name=='医院卫生院' ? 'pointer' : ''}" :style="{ cursor: item.name == '医院卫生院' ? 'pointer' : '' }"
@click="showDialog2(item.name, '/api/ggfwyth/yywsyList')" @click="showDialog2(item.name, '/api/ggfwyth/yywsyList')"
> >
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
<div class="value">{{ item.value }}</div> <div class="value">{{ item.value }}{{ item.dw }}</div>
</div> </div>
</div> </div>
</div> </div>
@ -605,7 +609,6 @@
</div> </div>
</template> </template>
</DialogTab> </DialogTab>
</div> </div>
</template> </template>
@ -646,7 +649,7 @@ const goto = (url) => {
router.push({ router.push({
path: `${url}`, path: `${url}`,
}); });
} };
//控制echart的显示 //控制echart的显示
const showEchart = ref(false); const showEchart = ref(false);
// 详情弹框 // 详情弹框
@ -975,30 +978,37 @@ const data = reactive({
{ {
name: "医院卫生院", name: "医院卫生院",
value: 0, value: 0,
dw: "所",
}, },
{ {
name: "注册护士", name: "注册护士",
value: 0, value: 0,
dw: "人",
}, },
{ {
name: "职业医生", name: "职业医生",
value: 0, value: 0,
dw: "人",
}, },
{ {
name: "家庭签约医生", name: "家庭签约医生",
value: 0, value: 0,
dw: "人",
}, },
{ {
name: "医院卫生院床位数", name: "医院卫生院床位数",
value: 0, value: 0,
dw: "个",
}, },
{ {
name: "健康档案建档", name: "健康档案建档",
value: 0, value: 0,
dw: "份",
}, },
{ {
name: "村社卫生服务站", name: "村社卫生服务站",
value: 0, value: 0,
dw: "个",
}, },
], ],
whsyList: [ whsyList: [
@ -1033,21 +1043,25 @@ const data = reactive({
name: "足球场", name: "足球场",
value: "100", value: "100",
img: footerball, img: footerball,
dw: "个",
}, },
{ {
name: "篮球场", name: "篮球场",
value: "100", value: "100",
img: baskerball, img: baskerball,
dw: "个",
}, },
{ {
name: "乒乓球馆", name: "乒乓球馆",
value: "100", value: "100",
img: tableTennis, img: tableTennis,
dw: "个",
}, },
{ {
name: "羽毛球馆", name: "羽毛球馆",
value: "100", value: "100",
img: badminton, img: badminton,
dw: "个",
}, },
{ {
name: "绿色跑道", name: "绿色跑道",
@ -1366,8 +1380,8 @@ const showEc = (val) => {
switch (val) { switch (val) {
case "公共自行车": case "公共自行车":
dataEc.list1 = [ dataEc.list1 = [
602,1314, 3697, 4474, 4285, 4400, 4251, 4406, 4324, 4123, 3774, 3491, 4074, 602, 1314, 3697, 4474, 4285, 4400, 4251, 4406, 4324, 4123, 3774, 3491,
4546, 4287, 4074, 4546, 4287,
]; // 骑行次数 ]; // 骑行次数
dataEc.list2 = [ dataEc.list2 = [
695, 892, 1265, 1178, 1246, 1206, 1361, 1323, 1231, 893, 1032, 1196, 695, 892, 1265, 1178, 1246, 1206, 1361, 1323, 1231, 893, 1032, 1196,
@ -1413,8 +1427,8 @@ const showTab = (val) => {
switch (val) { switch (val) {
case "公共汽车": case "公共汽车":
dataTab.list1 = [ dataTab.list1 = [
8616,9616, 10360, 10206, 8970, 10442, 9988, 9487, 8380, 8371, 7984, 7574, 8616, 9616, 10360, 10206, 8970, 10442, 9988, 9487, 8380, 8371, 7984,
8647, 9515, 8974, 7574, 8647, 9515, 8974,
]; ];
dataTab.times = [ dataTab.times = [
"26", "26",
@ -1522,9 +1536,11 @@ const showTab = (val) => {
dialogShowTab.value = true; dialogShowTab.value = true;
break; break;
case "长途汽车": case "长途汽车":
dataTab.list1 = [97,57, 37, 46, 46, 54, 40, 46, 37, 48, 39, 48, 48, 31, 43]; dataTab.list1 = [
97, 57, 37, 46, 46, 54, 40, 46, 37, 48, 39, 48, 48, 31, 43,
];
dataTab.times = [ dataTab.times = [
"26", "26",
"27", "27",
"28", "28",
"29", "29",
@ -1746,7 +1762,6 @@ onBeforeMount(async () => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
:deep(.el-dialog) { :deep(.el-dialog) {
--el-dialog-bg-color: none; --el-dialog-bg-color: none;
} }

87
src/view/sy_details.vue
View File

@ -210,73 +210,81 @@ const data = reactive({
tableData1: [ tableData1: [
{ {
SerialNumber: "01", SerialNumber: "01",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "城乡最低生活保障补助",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "龙游户籍的公民，其共同生活的家庭成员人均月收入低于当地最低生活保障标准，且符合当地最低生活保障家庭财产状况规定的家庭",
SubsidyStandards: "330-1100元/月（补差发放）",
ProcessingMethod: "自主申报", ProcessingMethod: "自主申报",
}, },
{ {
SerialNumber: "02", SerialNumber: "02",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "困境儿童补助",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "困境儿童：低保、低边家庭的重度残疾和三级四级精神、智力残疾，患重病和罕见病儿童。 ",
ProcessingMethod: "自主申报", SubsidyStandards: "困境儿童1714元/月",
ProcessingMethod: "到户籍所在地乡镇或街道自主申报",
}, },
{ {
SerialNumber: "03", SerialNumber: "03",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "低保低边家庭儿童",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients: "低保低边家庭中除困境儿童外的其他儿童",
SubsidyStandards: "330-110元/月 （补差发放）", SubsidyStandards: "171.4元/月",
ProcessingMethod: "自主申报", ProcessingMethod: "无需申报",
}, },
{ {
SerialNumber: "04", SerialNumber: "04",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "临时救助",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "城乡居民因遭遇突发事件、意外伤害、重大疾病或其他特殊原因，导致基本生活陷入困境，其他社会救助制度暂时无法覆盖或救助之后，基本生活暂时仍有严重困难的家庭或个人。",
SubsidyStandards: "根据实际情况分类分档进行救助,原则上12倍以内低保金",
ProcessingMethod: "自主申报", ProcessingMethod: "自主申报",
}, },
{ {
SerialNumber: "05", SerialNumber: "05",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "困难残疾人生活补贴",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "户籍、持有《中华人民共和国残疾认证》且是低保低边的残疾人",
ProcessingMethod: "自主申报", SubsidyStandards: "330元/月/人",
ProcessingMethod:
"由本人或监护人向户籍所在乡镇（街道）提出申请，乡镇（街道）要将通过审定的补贴对象名单在申请人所在村（社区）公示，并定期更新补贴对象信息。",
}, },
{ {
SerialNumber: "06", SerialNumber: "06",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "雨露计划补贴",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "低收入农户及其子女在校接受全日制高等职业教育、中等职业教育（不含普通高中）",
ProcessingMethod: "自主申报", SubsidyStandards: "3000元/人/年",
ProcessingMethod: "自主申报，每年10月",
}, },
{ {
SerialNumber: "07", SerialNumber: "07",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "扶贫小额信贷贴息",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients: "低收入农户",
SubsidyStandards: "330-110元/月 （补差发放）", SubsidyStandards: "按3%年利率对其贷款进行贴息",
ProcessingMethod: "自主申报", ProcessingMethod: "浙里办自主申报",
}, },
{ {
SerialNumber: "08", SerialNumber: "08",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "扶贫健康保险",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients: "低收入农户",
SubsidyStandards: "330-110元/月 （补差发放）", SubsidyStandards: "150元/人/年",
ProcessingMethod: "自主申报", ProcessingMethod: "统一由扶贫办投保",
}, },
{ {
SerialNumber: "09", SerialNumber: "09",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "农村困难家庭危房改造补助",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients:
SubsidyStandards: "330-110元/月 （补差发放）", "农村的低保家庭、低保边缘家庭、分散供养的特困人员和困难残疾人家庭户",
ProcessingMethod: "自主申报", SubsidyStandards:
"省级标准：15000元/户;县级配套标准：C级7500元/户、D级22500元/户",
ProcessingMethod: "自主申报，无时间限制",
}, },
{ {
SerialNumber: "10", SerialNumber: "10",
SubsidyType: "城乡最低生活 保障补助", SubsidyType: "公共租赁住房补贴",
SubsidRecipients: "龙游户籍的公民，其共同生活的家庭成员人均", SubsidRecipients: "符合条件的城镇住房困难家庭",
SubsidyStandards: "330-110元/月 （补差发放）", SubsidyStandards: "人均保障面积15平方米，10元/平方米·月。",
ProcessingMethod: "自主申报", ProcessingMethod: "浙里办线上办理，常态化受理",
}, },
], ],
tableData2: [ tableData2: [
@ -389,6 +397,7 @@ const tableHeaderColor = (arg) => {
backgroundColor: "#455F8A", backgroundColor: "#455F8A",
color: "#fff", color: "#fff",
border: "none", border: "none",
textAlign: "center",
// boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)", // boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)",
}; };
}; };
@ -605,13 +614,13 @@ const change = (name, index) => {
--el-table-tr-bg-color: none; --el-table-tr-bg-color: none;
--el-table-header-bg-color: none; --el-table-header-bg-color: none;
--el-table-header-text-color: none; --el-table-header-text-color: none;
border: 1px solid #7aceff; border: 1px solid #7aceff;
} }
.table { .table {
:deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) { :deep(.el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf) {
border: none !important; border: none !important;
padding-left: 10px !important; padding-left: 10px !important;
text-align: center;
} }
:deep(.el-table td.el-table__cell) { :deep(.el-table td.el-table__cell) {

358
src/view/sy_map.vue
View File

@ -5,7 +5,9 @@
<div class="left" style="width: 517px"> <div class="left" style="width: 517px">
<div class="lyx"> <div class="lyx">
<div class="title"> <div class="title">
<div class="title_name">{{ title_choose }}</div> <div class="title_name">
<span @click="csh()">龙游县</span>{{ title_choose }}
</div>
<div class="title_line"></div> <div class="title_line"></div>
</div> </div>
<div class="content"> <div class="content">
@ -115,9 +117,11 @@ const fwq_list_arr = ref([]);
const cs_qk_arr = ref([]); const cs_qk_arr = ref([]);
const cs_name_arr = ref([]); const cs_name_arr = ref([]);
const cs_number_name_arr = ref([]); const cs_number_name_arr = ref([]);
// const cs_choose_arr = ref([]);
const jrcs = ref(false) const cs_un_choose_arr = ref([]);
const title_choose = ref("龙游县"); const cfjiedao = ref("");
const jrcs = ref(false);
const title_choose = ref("");
//村社颜色列表 //村社颜色列表
const colorList = [ const colorList = [
{ {
@ -148,8 +152,30 @@ const colorList = [
bg: "RGBA(27, 91, 55, 1)", bg: "RGBA(27, 91, 55, 1)",
}, },
]; ];
//点击龙游县初始化
const csh = () => {
title_choose.value = "";
cfjiedao.value = "";
cs_un_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_un_choose_arr.value[index]);
});
cs_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_choose_arr.value[index]);
});
cs_number_name_arr.value.forEach((item, index) => {
map.removeOverlay(cs_number_name_arr.value[index]);
});
cs_name_arr.value.forEach((item, index) => {
map.removeOverlay(cs_name_arr.value[index]);
});
cs_qk_arr.value.forEach((item, index) => {
map.removeOverlay(cs_qk_arr.value[index]);
});
goMapCenter([119.178783, 29.034583], 11);
};
//选中社区 //选中社区
const chooseCsList = ref([]);
const unChooseList = ref([]);
//中心点坐标 //中心点坐标
const center_now = ref([]); const center_now = ref([]);
const center_center = ref([119.178783, 29.034583]); const center_center = ref([119.178783, 29.034583]);
@ -159,7 +185,6 @@ const mapTownCount = reactive([
name: "龙洲街道", name: "龙洲街道",
center: [119.1573083, 28.9799445], center: [119.1573083, 28.9799445],
number: "1000", number: "1000",
}, },
{ {
name: "东华街道", name: "东华街道",
@ -317,18 +342,27 @@ const xkzCenter = reactive([
]); ]);
var map = null; var map = null;
// 鼠标点击添加点位 // 鼠标点击添加点位
let currentMarker = null; // 用于保存当前标记的引用
const BMAP = () => { const BMAP = () => {
// 添加鼠标点击事件监听器 // 添加鼠标点击事件监听器
map.addEventListener("click", function (e) { map.addEventListener("click", function (e) {
let icons = ""; // 检查并移除当前标记
icons = new BMapGL.Icon(AED, new BMapGL.Size(24, 62)); if (currentMarker !== null) {
map.removeOverlay(currentMarker);
}
// 创建新标记
let icons = new BMapGL.Icon(AED, new BMapGL.Size(24, 62));
var marker = new BMapGL.Marker( var marker = new BMapGL.Marker(
new BMapGL.Point(e.latlng.lng, e.latlng.lat), new BMapGL.Point(e.latlng.lng, e.latlng.lat),
{ {
icon: icons, icon: icons,
} }
); // 创建点 );
map.addOverlay(marker); // 将标注添加到地图中
// 将新标记添加到地图中并更新当前标记引用
map.addOverlay(marker);
currentMarker = marker;
}); });
}; };
@ -389,17 +423,22 @@ const addPolygonCounty = () => {
map.addOverlay(polygon); map.addOverlay(polygon);
polygon.addEventListener("click", () => { polygon.addEventListener("click", () => {
console.log(item.name); console.log(item.name);
getDatas(item.name)
if (item.name !== "溪口镇") {
jrcs.value = false;
console.log(jrcs.value, '000');
}
if (jrcs.value && item.name !== "溪口镇") {
console.log(1);
} else {
console.log(2);
jrcs.value = true; // if(item.name !== "溪口镇"){
//   jrcs.value=false;
//   console.log( jrcs.value,'000');
// }
// if (jrcs.value && item.name != "溪口镇") {
//   console.log(1);
// } else {
//   console.log(2);
// jrcs.value=true;
if (item.name == cfjiedao.value) {
console.log(2222);
} else {
console.log(111);
cfjiedao.value = item.name;
let jdCenter = []; let jdCenter = [];
if (item.name == "溪口镇") { if (item.name == "溪口镇") {
if (!title_choose.value.includes("溪口镇")) { if (!title_choose.value.includes("溪口镇")) {
@ -416,15 +455,23 @@ const addPolygonCounty = () => {
addCs(); addCs();
goMapCenter(jdCenter, 13); goMapCenter(jdCenter, 13);
} else { } else {
title_choose.value = "龙游县"; title_choose.value = "";
cs_qk_arr.value.forEach((item, index) => { cs_qk_arr.value.forEach((item, index) => {
map.removeOverlay(cs_qk_arr.value[index]); map.removeOverlay(cs_qk_arr.value[index]);
}); });
cs_name_arr.value.forEach((item, index) => { cs_name_arr.value.forEach((item, index) => {
map.removeOverlay(cs_name_arr.value[index]); map.removeOverlay(cs_name_arr.value[index]);
}); });
cs_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_choose_arr.value[index]);
});
cs_un_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_un_choose_arr.value[index]);
});
} }
} }
// }
}); });
} }
}); });
@ -490,40 +537,97 @@ const addPolygonCountyCs = () => {
map.addOverlay(cs_qk_arr.value[index]); map.addOverlay(cs_qk_arr.value[index]);
cs_qk_arr.value[index].addEventListener("click", () => { cs_qk_arr.value[index].addEventListener("click", () => {
console.log(item.name); console.log(item.name);
// console.log(111,xkzDk); console.log(111, xkzDk);
// xkzDk.forEach((itemm,indexx)=>{ chooseCsList.value.length = 0;
// if(itemm.name==item.name){ unChooseList.value.length = 0;
xkzDk.forEach((itemm, indexx) => {
// } if (itemm.name == item.name) {
// }) chooseCsList.value.push(itemm);
// let jdCenter = []; } else {
// if (item.name == "溪口镇") { unChooseList.value.push(itemm);
// if (!title_choose.value.includes("溪口镇")) { }
// title_choose.value = title_choose.value + `>${item.name}`; });
// } title_choose.value = title_choose.value + `>${item.name}`;
// loadCs(); cs_qk_arr.value.forEach((item, index) => {
// addPolygonCountyCs(); map.removeOverlay(cs_qk_arr.value[index]);
// mapTownCount.map((item) => { });
// if (item.name == "溪口镇") { console.log("chooseCsList.value", chooseCsList.value);
// jdCenter = item.center; console.log("unChooseList.value", unChooseList.value);
// } addCsChoose();
// }); addCsUnChoose();
// addCs(); });
// goMapCenter(jdCenter, 13); }
// } else { });
// title_choose.value = "龙游县"; };
// cs_qk_arr.value.forEach((item, index) => { //添加选中社区
// map.removeOverlay(cs_qk_arr.value[index]); const addCsChoose = () => {
// }); chooseCsList.value.map((item, index) => {
// cs_name_arr.value.forEach((item, index) => { console.log("item", item);
// map.removeOverlay(cs_name_arr.value[index]); let fillColor = "blue";
// }); //地区的坐标范围
// } let points = [];
item.point[0].map((p) => points.push(new BMapGL.Point(...p)));
if (points.length) {
//创建面
cs_choose_arr.value[index] = new BMapGL.Polygon(points, {
strokeColor: fillColor,
strokeWeight: 2,
strokeOpacity: 0.8,
fillColor: fillColor,
fillOpacity: 0.4,
name: item.name,
zIndex: 99,
});
map.addOverlay(cs_choose_arr.value[index]);
}
});
};
//添加未选中社区
const addCsUnChoose = () => {
unChooseList.value.map((item, index) => {
let fillColor = "RGBA(125, 140, 154, 1)";
//地区的坐标范围
let points = [];
item.point[0].map((p) => points.push(new BMapGL.Point(...p)));
if (points.length) {
//创建面
cs_un_choose_arr.value[index] = new BMapGL.Polygon(points, {
strokeColor: fillColor,
strokeWeight: 2,
strokeOpacity: 0.8,
fillColor: fillColor,
fillOpacity: 0.5,
name: item.name,
zIndex: 99,
});
map.addOverlay(cs_un_choose_arr.value[index]);
cs_un_choose_arr.value[index].addEventListener("click", () => {
cs_un_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_un_choose_arr.value[index]);
});
cs_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_choose_arr.value[index]);
});
title_choose.value = title_choose.value.slice(0, -4);
chooseCsList.value.length = 0;
unChooseList.value.length = 0;
xkzDk.forEach((itemm, indexx) => {
if (itemm.name == item.name) {
chooseCsList.value.push(itemm);
} else {
unChooseList.value.push(itemm);
}
});
title_choose.value = title_choose.value + `>${item.name}`;
cs_un_choose_arr.value.forEach((item, index) => {
map.removeOverlay(cs_qk_arr.value[index]);
});
addCsChoose();
addCsUnChoose();
}); });
} }
}); });
}; };
// 添加地图上的街道名 // 添加地图上的街道名
const createCustomOverlayJd = (polygon, indexx) => { const createCustomOverlayJd = (polygon, indexx) => {
@ -1025,101 +1129,100 @@ const personTotal = ref([
id: 0, id: 0,
name: "总人口", name: "总人口",
value: "1724114", value: "1724114",
ages: '总人口', ages: "总人口",
age: '1000' age: "1000",
}, },
{ {
id: 1, id: 1,
name: "0岁", name: "0岁",
value: "26737", value: "26737",
ages: '0岁', ages: "0岁",
age: '1000' age: "1000",
}, },
{ {
id: 2, id: 2,
name: "1岁", name: "1岁",
value: "26737", value: "26737",
ages: '1岁', ages: "1岁",
age: '1000' age: "1000",
}, },
{ {
id: 3, id: 3,
name: "2岁", name: "2岁",
value: "26737", value: "26737",
ages: '2岁', ages: "2岁",
age: '1000' age: "1000",
}, },
{ {
id: 4, id: 4,
name: "3岁", name: "3岁",
value: "26737", value: "26737",
ages: '3岁', ages: "3岁",
age: '1000' age: "1000",
}, },
{ {
id: 5, id: 5,
name: "4岁", name: "4岁",
value: "26737", value: "26737",
ages: '4岁', ages: "4岁",
age: '1000' age: "1000",
}, },
{ {
id: 6, id: 6,
name: "5岁", name: "5岁",
value: "26737", value: "26737",
ages: '5岁', ages: "5岁",
age: '1000' age: "1000",
}, },
{ {
id: 7, id: 7,
name: "6岁", name: "6岁",
value: "26737", value: "26737",
ages: '6岁', ages: "6岁",
age: '1000' age: "1000",
}, },
{ {
id: 8, id: 8,
name: "7岁", name: "7岁",
value: "26737", value: "26737",
ages: '7岁', ages: "7岁",
age: '1000' age: "1000",
}, },
{ {
id: 9, id: 9,
name: "8岁", name: "8岁",
value: "26737", value: "26737",
ages: '8岁', ages: "8岁",
age: '1000' age: "1000",
}, },
{ {
id: 10, id: 10,
name: "9岁", name: "9岁",
value: "26737", value: "26737",
ages: '9岁', ages: "9岁",
age: '1000' age: "1000",
}, },
{ {
id: 11, id: 11,
name: "10岁", name: "10岁",
value: "26737", value: "26737",
ages: '10岁', ages: "10岁",
age: '1000' age: "1000",
}, },
{ {
id: 12, id: 12,
name: "11岁", name: "11岁",
value: "26737", value: "26737",
ages: '11岁', ages: "11岁",
age: '1000' age: "1000",
}, },
{ {
id: 13, id: 13,
name: "12岁", name: "12岁",
value: "26737", value: "26737",
ages: '12岁', ages: "12岁",
age: '1000' age: "1000",
}, },
]); ]);
@ -1727,37 +1830,39 @@ const yaosuTotal = ref([
}, },
]); ]);
const getData = async (i, e) => { const getData = async (i, e) => {
await http.get(`/api/ggfwyth/ysyzt/getXzjdrksl?age=${e || ''}`).then((res) => { await http
if (res.code == 200) { .get(`/api/ggfwyth/ysyzt/getXzjdrksl?age=${e || ""}`)
personTotal.value = [{ .then((res) => {
id: '0', if (res.code == 200) {
ages: "总人口", personTotal.value = [
age: '', {
value: "res.data.total", id: "0",
},] ages: "总人口",
personTotal.value[0].rksl = res.data.total age: "",
personTotal.value[0].ages = '总人口' value: "res.data.total",
res.data.age.forEach((item, index) => { },
console.log(index); ];
personTotal.value.push({ personTotal.value[0].rksl = res.data.total;
id: index + 1, personTotal.value[0].ages = "总人口";
rksl: item.rksl, res.data.age.forEach((item, index) => {
age: item.age + '', personTotal.value.push({
ages: item.age + '岁' id: index + 1,
}) rksl: item.rksl,
}) age: item.age + "",
res.data.town.map((item) => { ages: item.age + "岁",
mapTownCount.map((items) => { });
if (item.town == items.name) { });
items.number = item.rksl res.data.town.map((item) => {
} mapTownCount.map((items) => {
}) if (item.town == items.name) {
}) items.number = item.rksl;
} }
}); });
console.log(mapTownCount, 10001); });
}
});
if (i) { if (i) {
changeRs(i) changeRs(i);
} }
}; };
const getDatas = async (e) => { const getDatas = async (e) => {
@ -1770,7 +1875,7 @@ const getDatas = async (e) => {
} }
}) })
}) })
console.log(res); console.log(xkzCenter);
} }
@ -1784,22 +1889,20 @@ const reset_font = () => {
document.querySelector(".header_content").style.transformOrigin = "top left"; document.querySelector(".header_content").style.transformOrigin = "top left";
document.querySelector(".header_content").style.transform = document.querySelector(".header_content").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
if ( if (document.querySelector(".left")) {
document.querySelector(".left")) {
document.querySelector(".left").style.transformOrigin = "bottom left"; document.querySelector(".left").style.transformOrigin = "bottom left";
document.querySelector(".left").style.transform = document.querySelector(".left").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
document.querySelector(".right").style.transformOrigin = "bottom right"; document.querySelector(".right").style.transformOrigin = "bottom right";
document.querySelector(".right").style.transform = document.querySelector(".right").style.transform =
"scale(" + width / 1920 + "," + height / 1080 + ")"; "scale(" + width / 1920 + "," + height / 1080 + ")";
} }
}; };
onMounted(() => { onMounted(() => {
reset_font() reset_font();
initMap(); initMap();
getData() getData();
getDatas('溪口镇')
}); });
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@ -2031,6 +2134,7 @@ onMounted(() => {
width: 370px; width: 370px;
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
border-radius: 3px;
.jbggfwq_content_item_right_item { .jbggfwq_content_item_right_item {
cursor: pointer; cursor: pointer;
@ -2126,6 +2230,7 @@ onMounted(() => {
.title { .title {
.title_name { .title_name {
display: flex;
font-family: YouSheBiaoTiHei; font-family: YouSheBiaoTiHei;
font-size: 34px; font-size: 34px;
font-weight: 900; font-weight: 900;
@ -2138,6 +2243,25 @@ onMounted(() => {
/* 为了兼容性，添加渐变背景到IE */ /* 为了兼容性，添加渐变背景到IE */
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
span {
display: block;
font-family: YouSheBiaoTiHei;
font-size: 34px;
font-weight: 900;
// line-height: 44px;
letter-spacing: 4px;
margin-bottom: 15px;
background: linear-gradient(180deg,
#ffffff 0%,
#ffffff 40%,
#00ffff 100%);
/* 使文字没有背景颜色的背景 */
background-clip: text;
/* 为了兼容性，添加渐变背景到IE */
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
} }
.title_line { .title_line {

80
src/view/sy_table.vue
View File

@ -29,7 +29,8 @@
<i></i> <i></i>
</div> </div>
</div> </div>
<div style="width: 97.5%"> <div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div>
<el-table <el-table
border border
:data="data.tableData" :data="data.tableData"
@ -41,19 +42,45 @@
<el-table-column <el-table-column
prop="highFrequencyApp" prop="highFrequencyApp"
label="指标" label="指标"
width="200" width="340"
align="center"
/> />
<el-table-column prop="targetValue" label="2024年目标值(市)" /> <el-table-column
<el-table-column prop="targetValue1" label="2024年目标值(县)" /> prop="targetValue"
<el-table-column prop="targetValue2" label="半年度预计 完成值" /> label="2024年目标值(市)"
align="center"
/>
<el-table-column
prop="targetValue1"
label="2024年目标值(县)"
align="center"
/>
<el-table-column
prop="targetValue2"
label="半年度预计 完成值"
align="center"
/>
<el-table-column <el-table-column
prop="targetValue3" prop="targetValue3"
label="半年度预计 全市排名" label="半年度预计 全市排名"
align="center"
/>
<el-table-column
prop="targetValue4"
label="是否已达年度 目标"
align="center"
/>
<el-table-column
prop="targetValue5"
label="牵头单位"
align="center"
/>
<el-table-column
prop="targetValue6"
label="责任单位"
align="center"
/> />
<el-table-column prop="targetValue4" label="是否已达年度 目标" />
<el-table-column prop="targetValue5" label="牵头单位" />
<el-table-column prop="targetValue6" label="责任单位" />
</el-table> </el-table>
</div> </div>
</div> </div>
@ -245,31 +272,31 @@ const data = reactive({
id: "0", id: "0",
name: "最低生活保障", name: "最低生活保障",
Bj: Bj, Bj: Bj,
text: "我县在册低保对象7374户9463人，为", text: "我县在册低保对象7374户9463人，为低保对象发放最低生活保障金，2023年共支出低保金9912.65万元。",
}, },
{ {
id: "1", id: "1",
name: "重特困人员救助供养", name: "重特困人员救助供养",
Bj: Bj1, Bj: Bj1,
text: "我县特困供养对象329户331人，2023", text: "我县特困供养对象329户331人，2023年支出特困供养经费722.29万元。",
}, },
{ {
id: "2", id: "2",
name: "医疗救助", name: "医疗救助",
Bj: Bj2, Bj: Bj2,
text: "我县医疗救助的对象为民政部门认定的特困供", text: "我县医疗救助的对象为民攻部门认定的特困供养人员最低生活保障家庭成员、最低生活保障边缘家庭成员（包括纳入低保、低边的因病致贫等支出型贫困对象）。",
}, },
{ {
id: "3", id: "3",
name: "临时救助", name: "临时救助",
Bj: Bj3, Bj: Bj3,
text: "为数助对象发放临时救助金，2023年共救", text: "为数助对象发放临时救助金，2023年共救助609户1036人，数助225.39万元。",
}, },
{ {
id: "4", id: "4",
name: "受灾人员救助", name: "受灾人员救助",
Bj: Bj4, Bj: Bj4,
text: "机构改革以来(2019年)，我县自然灾害", text: "机构改革以来(2019年)，我县自然灾害形势总体平稳，未发生因灾亡人事故。",
}, },
], ],
}); });
@ -288,14 +315,16 @@ const tableHeaderColor = (arg) => {
backgroundColor: "#455F8A", backgroundColor: "#455F8A",
color: "#fff", color: "#fff",
border: "none", border: "none",
// boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)", textAlign: "center",
fontiWght: "500",
fontSize: "22px",
}; };
}; };
const rowState = (row) => { const rowState = (row) => {
if (row.rowIndex % 2 == 0) { if (row.rowIndex % 2 == 0) {
return { return {
letterSpacing: "1px", letterSpacing: "1px",
fontSize: "14px", fontSize: "19px",
height: "36px", height: "36px",
backgroundColor: "rgba(31, 63, 113, 1)", backgroundColor: "rgba(31, 63, 113, 1)",
color: "#fff", color: "#fff",
@ -303,7 +332,7 @@ const rowState = (row) => {
} else if (row.rowIndex % 2 !== 0) { } else if (row.rowIndex % 2 !== 0) {
return { return {
letterSpacing: "1px", letterSpacing: "1px",
fontSize: "14px", fontSize: "19px",
height: "36px", height: "36px",
backgroundColor: "rgba(43, 74, 121, 1)", backgroundColor: "rgba(43, 74, 121, 1)",
color: "#fff", color: "#fff",
@ -426,7 +455,7 @@ const rowState = (row) => {
} }
.tableBoxTopa { .tableBoxTopa {
width: 470px; width: 470px;
height: 90px; // height: 90px;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 400; font-weight: 400;
font-size: 22px; font-size: 22px;
@ -464,6 +493,21 @@ const rowState = (row) => {
} }
} }
} }
.backgroundVirtual {
position: absolute;
top: 0;
width: 100%;
height: 79px;
// background: linear-gradient(
// 270deg,
// rgba(0, 52, 131, 0.20) 0%,
// rgba(0, 32, 83, 0.30) 50%,
// rgba(0, 60, 131, 0.40) 100%
// );
box-shadow: inset 0px 0px 16px 0px rgba(173, 221, 255, 0.5);
backdrop-filter: blur(0px);
z-index: 99;
}
} }
} }