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

Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc

This commit is contained in:
姚宇浩 2024-10-24 17:01:13 +08:00
parent f3f1fc757e e8c33d831b
commit 6650896e88
10 changed files with 421 additions and 406 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.zip
View File

Binary file not shown.

24
src/view/echarts_lysd/eP1.vue
View File

@ -94,7 +94,7 @@ const updateSeries = () => {
data.legend.data = data.list.map((item) => item.name); data.legend.data = data.list.map((item) => item.name);
data.formatter = data.formatter =
"{b0}月<br />" + "{b0}<br />" +
data.list.map((_, index) => `{a${index}}:{c${index}}<br />`).join(""); data.list.map((_, index) => `{a${index}}:{c${index}}<br />`).join("");
}; };
@ -195,29 +195,11 @@ const setChart = () => {
myChart.setOption(data.option); myChart.setOption(data.option);
}; };
// watch(
// () => props.list,
// (newVal, oldVal) => {
// if (newVal.length < oldVal.length) {
// clear.value = true;
// } else {
// clear.value = false;
// }
// data.list = newVal;
// updateSeries();
// getOption();
// setChart();
// }
// );
onMounted(() => { onMounted(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
data.month = props.month; data.month = props.month.map((item) => item + "月");
// console.log(666, data.list, data.month);
// data.month.forEach((item) => {
// item = item + "月";
// });
updateSeries(); updateSeries();
getOption(); getOption();

2
src/view/echarts_lysd/eP2.vue
View File

@ -619,8 +619,6 @@ onBeforeMount(() => {
// data.xxname = props.list.year; // data.xxname = props.list.year;
data.list = props.list; data.list = props.list;
setChart1() setChart1()
// console.log(666,data.valueList,data.valueList2);
getOption(); getOption();
setChart(); setChart();
}, 800); }, 800);

2
src/view/echarts_lysd/eP3.vue
View File

@ -204,8 +204,6 @@ const setChart = () => {
onBeforeMount(() => { onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
console.log(666,data.list);
getOption(); getOption();
setChart(); setChart();
}, 600); }, 600);

76
src/view/echarts_lysd/eP4.vue
View File

@ -28,7 +28,7 @@ const props = defineProps({
// return []; // return [];
// }, // },
// }, // },
year: { month: {
type: Array, type: Array,
default: () => { default: () => {
return []; return [];
@ -42,7 +42,7 @@ const data = reactive({
list: [], list: [],
list1: [], list1: [],
list2: [], list2: [],
year: [], month: [],
option: {}, option: {},
// max: null, // max: null,
}); });
@ -60,7 +60,7 @@ const getOption = () => {
formatter: "{b0}<br/> {a0}:{c0}<br/>{a1}:{c1}", formatter: "{b0}<br/> {a0}:{c0}<br/>{a1}:{c1}",
}, },
legend: { legend: {
data: ["救助金额", "救助人数"], data: ["失业保险金享受人数", "发放失业保险金金额"],
top: "8%", top: "8%",
textStyle: { textStyle: {
fontSize: 14, fontSize: 14,
@ -68,8 +68,8 @@ const getOption = () => {
}, },
}, },
grid: { grid: {
left: "6%", left: "3%",
right: "9%", right: "3%",
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
color: "#ffffff", color: "#ffffff",
@ -91,19 +91,19 @@ const getOption = () => {
show: false, // 设置轴刻度不显示 show: false, // 设置轴刻度不显示
}, },
// data: ["2019", "2020", "2021", "2022", "2023"], // data: ["2019", "2020", "2021", "2022", "2023"],
data: data.list.year, data: data.month,
}, },
{ {
type: "category", type: "category",
show: false, show: false,
data: data.list.year, data: data.month,
}, },
], ],
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
scale: true, scale: true,
name: "救助人数", // name: "发放失业保险金金额",
min: 0, min: 0,
splitLine: { splitLine: {
//分割线配置 //分割线配置
@ -136,8 +136,7 @@ const getOption = () => {
type: "value", type: "value",
scale: true, scale: true,
min: 0, min: 0,
// name: "失业保险金享受人数/万",
name: "救助金额/万",
splitLine: { splitLine: {
show: false, show: false,
lineStyle: { lineStyle: {
@ -192,7 +191,7 @@ const getOption = () => {
series: [ series: [
{ {
yAxisIndex: 1, yAxisIndex: 1,
name: "救助金额", name: "失业保险金享受人数",
data: data.list2, data: data.list2,
type: "line", //线状图 type: "line", //线状图
stack: "Total", stack: "Total",
@ -207,15 +206,15 @@ const getOption = () => {
}, },
}, },
itemStyle: { itemStyle: {
borderColor: "#00FCFF", borderColor: "rgba(165, 255, 200, 1)",
borderWidth: 1, borderWidth: 1,
color: "#00FCFF", color: "rgba(165, 255, 200, 1)",
}, },
}, },
{ {
z: 1, z: 1,
yAxisIndex: 0, yAxisIndex: 0,
name: "救助人数", name: "发放失业保险金金额",
data: data.list1, data: data.list1,
barWidth: 20, barWidth: 20,
type: "bar", type: "bar",
@ -235,10 +234,10 @@ const getOption = () => {
y: 0, y: 0,
y2: 0, y2: 0,
colorStops: [ colorStops: [
{ offset: 0, color: "rgba(255, 242, 142, .7)" }, { offset: 0, color: "rgba(142, 187, 255, 0.7)" },
{ offset: 0.5, color: "rgba(255, 242, 142, .7)" }, { offset: 0.5, color: "rgba(142, 187, 255, 0.7)" },
{ offset: 0.5, color: "rgba(255, 242, 142, .3)" }, { offset: 0.5, color: "rgba(142, 187, 255, 0.3)" },
{ offset: 1, color: "rgba(255, 242, 142, .5)" }, { offset: 1, color: "rgba(142, 187, 255, 0.5)" },
], ],
}, },
}, },
@ -271,8 +270,8 @@ const getOption = () => {
itemStyle: { itemStyle: {
color: "rgba(221, 242, 255, 0.1)", color: "rgba(221, 242, 255, 0.1)",
}, },
data: data.list.year.map(() => 100), data: data.month.map(() => 100),
barWidth: 50, barWidth: 30,
}, },
{ {
z: 1, z: 1,
@ -282,10 +281,9 @@ const getOption = () => {
symbol: "diamond", symbol: "diamond",
symbolOffset: ["0%", "-50%"], symbolOffset: ["0%", "-50%"],
symbolSize: [21, 15], symbolSize: [21, 15],
itemStyle: { itemStyle: {
borderColor: "#2fffa4", borderColor: "#2fffa4",
color: "rgba(255, 242, 142, 1)", color: "rgba(142, 187, 255, 1)",
}, },
}, },
], ],
@ -298,34 +296,36 @@ const setChart = () => {
}; };
const setChart1 = () => { const setChart1 = () => {
if(data.list.length !== 0) { if (data.list.length !== 0) {
data.list1 = []; data.list1 = [];
data.list2 = []; data.list2 = [];
data.list.data.forEach((item) => { data.list1 = data.list.sybxjxsrs;
data.list1.push(item.jzrs); //救助人数 data.list2 = data.list.ffsybxjje;
data.list2.push(item.jzje); //救助金额 // data.list.forEach((item) => {
}); // data.list1.push(item.sybxjxsrs); //失业保险金享受人数
// data.list2.push(item.ffsybxjje); //发放失业保险金金额
// });
} }
}; };
watch( watch(
() => props.list, () => props.list,
(newVal, oldVal) => { (newVal, oldVal) => {
data.list = newVal; data.list = newVal;
// console.log("救助人1", data.list); data.month = props.month.map((item) => item + "月");
// setChart1(); setChart1();
// getOption(); getOption();
// setChart(); setChart();
} }
); );
// 使用生命钩子 // 使用生命钩子
onBeforeMount(() => { onBeforeMount(() => {
// setTimeout(() => { setTimeout(() => {
// data.list = props.list; data.list = props.list;
// setChart1(); data.month = props.month.map((item) => item + "月");
// // console.log(data.list, "教育"); setChart1();
// getOption(); getOption();
// setChart(); setChart();
// }, 600); }, 600);
}); });
</script> </script>

130
src/view/echarts_lysd/eP5.vue
View File

@ -7,9 +7,9 @@ import {
onBeforeMount, onBeforeMount,
onMounted, onMounted,
ref, ref,
watch,
reactive, reactive,
defineProps, defineProps,
watch,
nextTick, nextTick,
} from "vue"; } from "vue";
// 局部引入echarts核心模块 // 局部引入echarts核心模块
@ -28,7 +28,7 @@ const props = defineProps({
// return []; // return [];
// }, // },
// }, // },
year: { month: {
type: Array, type: Array,
default: () => { default: () => {
return []; return [];
@ -42,28 +42,35 @@ const data = reactive({
list: [], list: [],
list1: [], list1: [],
list2: [], list2: [],
year: [], month: [],
option: {}, option: {},
// max: null, // max: null,
}); });
// const data1 = [120, 200, 50, 80, 70];
// const lineData = [1500, 2300, 204, 2018, 1305];
// const max = data1
// .concat(lineData)
// .reduce((pre, cur) => (pre > cur ? pre : cur), 0); //找到这个新数组中的最大值
const getOption = () => { const getOption = () => {
data.option = { data.option = {
tooltip: { tooltip: {
trigger: "axis", trigger: "axis",
formatter: "{b0}<br/> {a0}:{c0}<br/>{a1}:{c1}", formatter: "{b0}<br/> {a0}:{c0}",
},
legend: {
data: ["救助金额", "救助人数"],
top: "8%",
textStyle: {
fontSize: 14,
color: "#ffffff", //上文字标题颜色
},
}, },
// legend: {
// data: ["参保人数"],
// top: "8%",
// textStyle: {
// fontSize: 14,
// color: "#ffffff", //上文字标题颜色
// },
// },
grid: { grid: {
left: "6%", top: "0",
right: "9%", left: "3%",
right: "3%",
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
color: "#ffffff", color: "#ffffff",
@ -85,19 +92,19 @@ const getOption = () => {
show: false, // 设置轴刻度不显示 show: false, // 设置轴刻度不显示
}, },
// data: ["2019", "2020", "2021", "2022", "2023"], // data: ["2019", "2020", "2021", "2022", "2023"],
data: data.list.year, data: data.month,
}, },
{ {
type: "category", type: "category",
show: false, show: false,
data: data.list.year, data: data.month,
}, },
], ],
yAxis: [ yAxis: [
{ {
type: "value", type: "value",
scale: true, scale: true,
name: "救助人数", // name: "发放失业保险金金额",
min: 0, min: 0,
splitLine: { splitLine: {
//分割线配置 //分割线配置
@ -130,8 +137,7 @@ const getOption = () => {
type: "value", type: "value",
scale: true, scale: true,
min: 0, min: 0,
// name: "失业保险金享受人数/万",
name: "救助金额/万",
splitLine: { splitLine: {
show: false, show: false,
lineStyle: { lineStyle: {
@ -184,33 +190,33 @@ const getOption = () => {
}, },
], ],
series: [ series: [
{ // {
yAxisIndex: 1, // yAxisIndex: 1,
name: "救助金额", // name: "失业保险金享受人数",
data: data.list2, // data: data.list2,
type: "line", //线状图 // type: "line", //线状图
stack: "Total", // stack: "Total",
symbol: "emptyCircle", // symbol: "emptyCircle",
symbolSize: 10, // symbolSize: 10,
label: { // label: {
show: true, // show: true,
position: "top", // position: "top",
color: "#ffffff", // color: "#ffffff",
formatter: function (data) { // formatter: function (data) {
return data.value; // return data.value;
}, // },
}, // },
itemStyle: { // itemStyle: {
borderColor: "#00FCFF", // borderColor: "rgba(165, 255, 200, 1)",
borderWidth: 1, // borderWidth: 1,
color: "#2468FF", // color: "rgba(165, 255, 200, 1)",
}, // },
}, // },
{ {
z: 1, z: 1,
yAxisIndex: 0, yAxisIndex: 0,
name: "救助人数", name: "参保人数",
data: data.list1, data: data.list,
barWidth: 20, barWidth: 20,
type: "bar", type: "bar",
label: { label: {
@ -229,10 +235,10 @@ const getOption = () => {
y: 0, y: 0,
y2: 0, y2: 0,
colorStops: [ colorStops: [
{ offset: 0, color: "rgba(23, 237, 255, .7)" }, { offset: 0, color: "rgba(142, 187, 255, 0.7)" },
{ offset: 0.5, color: "rgba(23, 237, 255, .7)" }, { offset: 0.5, color: "rgba(142, 187, 255, 0.7)" },
{ offset: 0.5, color: "rgba(23, 237, 255, .3)" }, { offset: 0.5, color: "rgba(142, 187, 255, 0.3)" },
{ offset: 1, color: "rgba(23, 237, 255, .5)" }, { offset: 1, color: "rgba(142, 187, 255, 0.5)" },
], ],
}, },
}, },
@ -265,23 +271,20 @@ const getOption = () => {
itemStyle: { itemStyle: {
color: "rgba(221, 242, 255, 0.1)", color: "rgba(221, 242, 255, 0.1)",
}, },
data: data.list.year.map(() => 100), data: data.month.map(() => 100),
// data: 100, barWidth: 30,
barWidth: 50,
}, },
//顶部圆片
{ {
z: 1, z: 1,
type: "pictorialBar", type: "pictorialBar",
symbolPosition: "end", symbolPosition: "end",
data: data.list1, data: data.list,
symbol: "diamond", symbol: "diamond",
symbolOffset: ["0%", "-50%"], symbolOffset: ["0%", "-50%"],
symbolSize: [21, 15], symbolSize: [21, 15],
itemStyle: { itemStyle: {
borderColor: "#2fffa4", borderColor: "#2fffa4",
color: "rgba(23, 237, 255, 1)", color: "rgba(142, 187, 255, 1)",
}, },
}, },
], ],
@ -297,30 +300,29 @@ const setChart1 = () => {
if (data.list.length !== 0) { if (data.list.length !== 0) {
data.list1 = []; data.list1 = [];
data.list2 = []; data.list2 = [];
data.list.data.forEach((item) => { data.list1 = data.list.sybxjxsrs;
data.list1.push(item.jzrs); //救助人数 data.list2 = data.list.ffsybxjje;
data.list2.push(item.jzje); //救助金额 // data.list.forEach((item) => {
}); // data.list1.push(item.sybxjxsrs); //失业保险金享受人数
// console.log("救助人2", data.list1, data.list2); // data.list2.push(item.ffsybxjje); //发放失业保险金金额
// });
} }
}; };
watch( watch(
() => props.list, () => props.list,
(newVal, oldVal) => { (newVal, oldVal) => {
data.list = newVal; data.list = newVal;
// console.log("救助人1", data.list); data.month = props.month.map((item) => item + "月");
setChart1(); // setChart1();
getOption(); getOption();
setChart(); setChart();
} }
); );
// 使用生命钩子 // 使用生命钩子
onBeforeMount(() => { onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list = props.list; data.list = props.list;
setChart1(); data.month = props.month.map((item) => item + "月");
// console.log(data.list, data.list1, data.list2, "教育");
getOption(); getOption();
setChart(); setChart();
}, 600); }, 600);

71
src/view/echarts_lysd/gsbx_1.vue
View File

@ -1,9 +1,9 @@
<template> <template>
<div ref="chart" style="width: 100%; height: 330px"></div> <div ref="chart" style="width: 100%; height: 330px"></div>
</template> </template>
<script setup> <script setup>
import { import {
onBeforeMount, onBeforeMount,
onMounted, onMounted,
ref, ref,
@ -11,11 +11,11 @@
defineProps, defineProps,
watch, watch,
nextTick, nextTick,
} from "vue"; } from "vue";
// 局部引入echarts核心模块 // 局部引入echarts核心模块
import * as echarts from "echarts"; import * as echarts from "echarts";
const props = defineProps({ const props = defineProps({
list: { list: {
type: Array, type: Array,
default: () => { default: () => {
@ -28,25 +28,25 @@
// return []; // return [];
// }, // },
// }, // },
year: { month: {
type: Array, type: Array,
default: () => { default: () => {
return []; return [];
}, },
}, },
}); });
const chart = ref(); // 创建DOM引用 const chart = ref(); // 创建DOM引用
const data = reactive({ const data = reactive({
list: [], list: [],
list1: [], list1: [],
year: [], month: [],
option: {}, option: {},
// max: null, // max: null,
}); });
const getOption = () => { const getOption = () => {
data.option = { data.option = {
// tooltip: { // tooltip: {
// trigger: "axis", // trigger: "axis",
@ -61,8 +61,9 @@
// }, // },
// }, // },
grid: { grid: {
top: "3%",
left: "6%", left: "6%",
right: "9%", right: "3%",
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
color: "#ffffff", color: "#ffffff",
@ -84,12 +85,12 @@
show: false, // 设置轴刻度不显示 show: false, // 设置轴刻度不显示
}, },
// data: ["2019", "2020", "2021", "2022", "2023"], // data: ["2019", "2020", "2021", "2022", "2023"],
data: data.year, data: data.month,
}, },
{ {
type: "category", type: "category",
show: false, show: false,
data: data.year, data: data.month,
}, },
], ],
yAxis: [ yAxis: [
@ -157,7 +158,7 @@
yAxisIndex: 0, yAxisIndex: 0,
name: "救助人数", name: "救助人数",
data: data.list1, data: data.list1,
barWidth: 20, barWidth: 30,
type: "bar", type: "bar",
label: { label: {
show: true, show: true,
@ -211,9 +212,9 @@
itemStyle: { itemStyle: {
color: "rgba(221, 242, 255, 0.1)", color: "rgba(221, 242, 255, 0.1)",
}, },
data: data.year.map(() => 100), data: data.month.map(() => 100),
// data: 100, // data: 100,
barWidth: 50, barWidth: 40,
}, },
//顶部圆片 //顶部圆片
{ {
@ -223,7 +224,7 @@
data: data.list1, data: data.list1,
symbol: "diamond", symbol: "diamond",
symbolOffset: ["0%", "-50%"], symbolOffset: ["0%", "-50%"],
symbolSize: [21, 15], symbolSize: [31, 15],
itemStyle: { itemStyle: {
borderColor: "#2fffa4", borderColor: "#2fffa4",
@ -232,22 +233,22 @@
}, },
], ],
}; };
}; };
const setChart = () => { const setChart = () => {
var myChart = echarts.init(chart.value); var myChart = echarts.init(chart.value);
myChart.setOption(data.option); myChart.setOption(data.option);
}; };
const setChart1 = () => { const setChart1 = () => {
// if (data.list.length !== 0) { // if (data.list.length !== 0) {
// data.list1 = []; // data.list1 = [];
// data.list.data.forEach((item) => { // data.list.data.forEach((item) => {
// data.list1.push(item.jzrs); //救助人数 // data.list1.push(item.jzrs); //救助人数
// }); // });
// } // }
}; };
watch( watch(
() => props.list, () => props.list,
(newVal, oldVal) => { (newVal, oldVal) => {
data.list1 = newVal; data.list1 = newVal;
@ -255,19 +256,19 @@
getOption(); getOption();
setChart(); setChart();
} }
); );
// 使用生命钩子 // 使用生命钩子
onBeforeMount(() => { onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list1 = props.list; data.list1 = props.list;
data.year=props.year; // data.month = props.month;
data.month = props.month.map((item) => item + "月");
// setChart1(); // setChart1();
getOption(); getOption();
setChart(); setChart();
}, 600); }, 600);
}); });
</script> </script>
<style scoped></style>
<style scoped></style>

23
src/view/echarts_lysd/gsbx_2.vue
View File

@ -28,7 +28,7 @@
// return []; // return [];
// }, // },
// }, // },
year: { month: {
type: Array, type: Array,
default: () => { default: () => {
return []; return [];
@ -41,7 +41,7 @@
const data = reactive({ const data = reactive({
list: [], list: [],
list1: [], list1: [],
year: [], month: [],
option: {}, option: {},
// max: null, // max: null,
}); });
@ -61,8 +61,9 @@
// }, // },
// }, // },
grid: { grid: {
left: "6%", top: "3%",
right: "9%", left: "3%",
right: "3%",
bottom: "0%", bottom: "0%",
containLabel: true, containLabel: true,
color: "#ffffff", color: "#ffffff",
@ -84,12 +85,12 @@
show: false, // 设置轴刻度不显示 show: false, // 设置轴刻度不显示
}, },
// data: ["2019", "2020", "2021", "2022", "2023"], // data: ["2019", "2020", "2021", "2022", "2023"],
data: data.year, data: data.month,
}, },
{ {
type: "category", type: "category",
show: false, show: false,
data: data.year, data: data.month,
}, },
], ],
yAxis: [ yAxis: [
@ -157,7 +158,7 @@
yAxisIndex: 0, yAxisIndex: 0,
name: "救助人数", name: "救助人数",
data: data.list1, data: data.list1,
barWidth: 20, barWidth: 30,
type: "bar", type: "bar",
label: { label: {
show: true, show: true,
@ -211,9 +212,9 @@
itemStyle: { itemStyle: {
color: "rgba(221, 242, 255, 0.1)", color: "rgba(221, 242, 255, 0.1)",
}, },
data: data.year.map(() => 100), data: data.month.map(() => 100),
// data: 100, // data: 100,
barWidth: 50, barWidth: 40,
}, },
//顶部圆片 //顶部圆片
{ {
@ -223,7 +224,7 @@
data: data.list1, data: data.list1,
symbol: "diamond", symbol: "diamond",
symbolOffset: ["0%", "-50%"], symbolOffset: ["0%", "-50%"],
symbolSize: [21, 15], symbolSize: [31, 15],
itemStyle: { itemStyle: {
borderColor: "#2fffa4", borderColor: "#2fffa4",
@ -261,7 +262,7 @@
onBeforeMount(() => { onBeforeMount(() => {
setTimeout(() => { setTimeout(() => {
data.list1 = props.list; data.list1 = props.list;
data.year=props.year; data.month = props.month.map((item) => item + "月");
// setChart1(); // setChart1();
getOption(); getOption();
setChart(); setChart();

19
src/view/sy_table.vue
View File

@ -287,16 +287,16 @@ const data = reactive({
img: icon3, img: icon3,
visible: false, visible: false,
son: [ son: [
// {
// id: "0",
// name: "概况",
// },
{ {
id: "0", id: "0",
name: "就业创业服务", name: "概况",
}, },
{ {
id: "1", id: "1",
name: "就业创业服务",
},
{
id: "2",
name: "工伤失业保险服务", name: "工伤失业保险服务",
}, },
], ],
@ -568,6 +568,8 @@ const tapshow = (parentId, childId) => {
childId == 0 && childId == 0 &&
(parentId.name == "幼有所育" || (parentId.name == "幼有所育" ||
parentId.name == "弱有所扶" || parentId.name == "弱有所扶" ||
parentId.name == "劳有所得" ||
parentId.name == "学有所教" || parentId.name == "学有所教" ||
parentId.name == "老有所养" || parentId.name == "老有所养" ||
parentId.name == "病有所医" || parentId.name == "病有所医" ||
@ -588,6 +590,7 @@ const tapshow = (parentId, childId) => {
"幼有善育", "幼有善育",
"学有优教", "学有优教",
"病有良医", "病有良医",
"劳有所得",
"老有康养", "老有康养",
"住有宜居", "住有宜居",
"弱有众扶", "弱有众扶",
@ -630,9 +633,9 @@ const gaikuang = (name) => {
} else if (name == "学有所教") { } else if (name == "学有所教") {
gaikuangList.education = true; gaikuangList.education = true;
} }
// else if (name == "劳有所得") { else if (name == "劳有所得") {
// gaikuangList.lysd = true; gaikuangList.lysd = true;
// } }
else if (name == "老有所养") { else if (name == "老有所养") {
gaikuangList.yl = true; gaikuangList.yl = true;
} else if (name == "病有所医") { } else if (name == "病有所医") {

68
src/view/table_gk/gk_lysd.vue
View File

@ -76,10 +76,19 @@
参保人数 参保人数
</div> </div>
</div> </div>
<!-- <eP4 :list="data.list2"></eP4> --> <eP4
:list="data.list2"
:month="data.sybx.month"
v-if="jz[0].choose == '1'"
></eP4>
<eP5
:list="data.list2"
:month="data.sybx.month"
v-if="jz[0].choose == '2'"
></eP5>
</div> </div>
<div class="flex1" style="flex: 1.1"> <div class="flex1" style="flex: 1.1">
<div class="yd_title service"> <div class="yd_title last">
<div class="animate-border"> <div class="animate-border">
<i></i> <i></i>
<i></i> <i></i>
@ -99,8 +108,16 @@
累计待遇金额 累计待遇金额
</div> </div>
</div> </div>
<gsbx_1 :list="data.gsbx.list1" :year="data.gsbx.year" v-if="jz[1].choose == '1'"></gsbx_1> <gsbx_1
<gsbx_2 :list="data.gsbx.list1" :year="data.gsbx.year" v-if="jz[1].choose == '2'"></gsbx_2> :list="data.gsbx.list1"
:month="data.gsbx.month"
v-if="jz[1].choose == '1'"
></gsbx_1>
<gsbx_2
:list="data.gsbx.list2"
:month="data.gsbx.month"
v-if="jz[1].choose == '2'"
></gsbx_2>
</div> </div>
</div> </div>
</div> </div>
@ -126,7 +143,7 @@ import jy7 from "@/assets/images/lysd/jy7.png";
import jy8 from "@/assets/images/lysd/jy8.png"; import jy8 from "@/assets/images/lysd/jy8.png";
const data = reactive({ const data = reactive({
//就业服务 list2: {}, // 失业保险概况
employmentList: [ employmentList: [
{ {
name: "2024年发布人力资源供求信息", name: "2024年发布人力资源供求信息",
@ -176,7 +193,7 @@ const data = reactive({
dw: "份", dw: "份",
img: jy8, img: jy8,
}, },
], ], //就业服务
ViewData: [ ViewData: [
{ {
name: "一级/高级技师", name: "一级/高级技师",
@ -224,11 +241,18 @@ const data = reactive({
{ name: "博士", value: 0 }, { name: "博士", value: 0 },
{ name: "其他", value: 0 }, { name: "其他", value: 0 },
], // 人才资源统计 ], // 人才资源统计
sybx: {}, // 失业保险概况 sybx: {
month: [], //月份
cbrs: [], //参保人数
sybx: {
sybxjxsrs: [], //失业保险金享受人数
ffsybxjje: [], //发放失业保险金金额
}, //失业保险
}, // 失业保险概况
gsbx: { gsbx: {
list1:[100,200,300], list1: [100, 200, 300],
list2:[], list2: [],
year:['5','6','7'] month: ["5", "6", "7"],
}, //工伤保险 }, //工伤保险
}); });
const showEchart = ref(false); const showEchart = ref(false);
@ -245,8 +269,8 @@ const jzChange = (index, value) => {
console.log(index, value); console.log(index, value);
jz.value[index].choose = value; jz.value[index].choose = value;
if (index === 0) { if (index === 0) {
data.list2 = value == "1" ? data.education : data.medical; data.list2 = value == "1" ? data.sybx.sybx : data.sybx.cbrs;
// console.log(value, data.education, data.medical); console.log(value, data.list2);
} else if (index === 1) { } else if (index === 1) {
data.list = value === "1" ? data.housing : data.temporary; data.list = value === "1" ? data.housing : data.temporary;
} }
@ -286,8 +310,14 @@ const getData = async () => {
data.rczy[3].value = res.data.rczy.bs; // 人才资源统计 data.rczy[3].value = res.data.rczy.bs; // 人才资源统计
data.rczy[4].value = res.data.rczy.qt; // 人才资源统计 data.rczy[4].value = res.data.rczy.qt; // 人才资源统计
data.sybx = res.data.sybx; // 失业保险概况 data.sybx.month = res.data.sybx.month; // 失业保险概况 月份
data.gsbx = res.data.gsbx; //工伤保险 data.sybx.cbrs = res.data.sybx.cbrs; //参保人数
data.sybx.sybx = res.data.sybx.sybx; //失业保险金享受人数
data.list2 = data.sybx.sybx;
data.gsbx.month = res.data.gsbx.month; // 工伤保险概况 月份
data.gsbx.list1 = res.data.gsbx.gsbxjxsrs; //工伤保险金累计享受人数
data.gsbx.list2 = res.data.gsbx.gsffbxjje; //工伤保险金累计待遇金额
} }
}); });
}; };
@ -478,7 +508,7 @@ onMounted(() => {});
background-size: 100% 100%; background-size: 100% 100%;
} }
.last { .last {
background-image: url(@/assets/images/hygiene/new_jkhd.png); background-image: url(@/assets/images/lysd/lysd_6.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -585,7 +615,7 @@ onMounted(() => {});
color: #ffffff; color: #ffffff;
line-height: 22px; line-height: 22px;
margin-right: 15px; margin-right: 15px;
background-image: url(@/assets/images/hygiene/choose.png); background-image: url(@/assets/images/lysd/lysd_7.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -601,7 +631,7 @@ onMounted(() => {});
color: #ffffff; color: #ffffff;
line-height: 22px; line-height: 22px;
margin-right: 15px; margin-right: 15px;
background-image: url(@/assets/images/hygiene/noChoose.png); background-image: url(@/assets/images/lysd/lysd_8.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -1217,7 +1247,7 @@ onMounted(() => {});
color: #ffffff; color: #ffffff;
line-height: 22px; line-height: 22px;
margin-right: 15px; margin-right: 15px;
background-image: url(@/assets/images/work/choose.png); background-image: url(@/assets/images/lysd/lysd_7.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -1234,7 +1264,7 @@ onMounted(() => {});
color: #ffffff; color: #ffffff;
line-height: 22px; line-height: 22px;
margin-right: 15px; margin-right: 15px;
background-image: url(@/assets/images/work/noChoose.png); background-image: url(@/assets/images/lysd/lysd_8.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }