This commit is contained in:
duanxiaohai 2024-10-24 11:30:50 +08:00
parent de0347a616
commit feee5ddb48
2 changed files with 36 additions and 24 deletions

View File

@ -83,6 +83,14 @@ const getOption = () => {
// x: "center", // x: "center",
// y: "center", // y: "center",
// }, // },
legend: {
top: '5%',
left: 'center',
//
textStyle: {
color: '#fff'
}
},
grid: { grid: {
bottom: 150, bottom: 150,
left: 100, left: 100,

View File

@ -50,7 +50,7 @@
<i></i> <i></i>
</div> </div>
</div> </div>
<!-- <eP3></eP3> --> <eP3></eP3>
</div> </div>
</div> </div>
@ -104,7 +104,7 @@ const data = reactive({
// //
employmentList: [ employmentList: [
{ {
name: "发布人力资源供求信息", name: "2024年发布人力资源供求信息",
value: "0", value: "0",
img: jy1, img: jy1,
dw: "次", dw: "次",
@ -183,15 +183,10 @@ const data = reactive({
show: true, show: true,
data: ["0", "0", "0", "0", "0", "0"], /// data: ["0", "0", "0", "0", "0", "0"], ///
}, },
], ],//
jnrcs: { jnrcs: {
month: [], month: [],
// one: [], /// }, //
// two: [], // /
// three: [], ///
// four: [], ///
// five: [], ///
}, //
syl: { syl: {
bf: [], // bf: [], //
zd: [], // zd: [], //
@ -221,29 +216,35 @@ const jzChange = (index, value) => {
data.list = value === "1" ? data.housing : data.temporary; data.list = value === "1" ? data.housing : data.temporary;
} }
}; };
// employmentListvalue
const updateEmploymentValues = (list, data) => {
const regex = /(\d+)(次|个|人次|份|场)?/g; //
list.forEach((item) => {
const match = data.find((entry) => entry.includes(item.name));
if (match) {
const results = match.match(regex); //
if (results && results.length > 0) {
item.value = results[results.length - 1].replace(/[^\d]/g, ""); //
} else {
item.value = "0"; //
}
}
});
};
const getData = async () => { const getData = async () => {
await http.get("/api/ggfwyth/lysdOverview").then((res) => { await http.get("/api/ggfwyth/lysdOverview").then((res) => {
if (res.code == 200) { if (res.code == 200) {
data.jnrcs.month = res.data.jnrcs.month; // data.jnrcs.month = res.data.jnrcs.month; //
// data.jnrcs.one = res.data.jnrcs.one; //
// data.jnrcs.two = res.data.jnrcs.two; //
// data.jnrcs.three = res.data.jnrcs.three; //
// data.jnrcs.four = res.data.jnrcs.four; //
// data.jnrcs.five = res.data.jnrcs.five; //
data.ViewData[0].data = res.data.jnrcs.one; /// data.ViewData[0].data = res.data.jnrcs.one; ///
data.ViewData[1].data = res.data.jnrcs.two; /// data.ViewData[1].data = res.data.jnrcs.two; ///
data.ViewData[2].data = res.data.jnrcs.three; /// data.ViewData[2].data = res.data.jnrcs.three; ///
data.ViewData[3].data = res.data.jnrcs.four; /// data.ViewData[3].data = res.data.jnrcs.four; ///
data.ViewData[4].data = res.data.jnrcs.five; /// data.ViewData[4].data = res.data.jnrcs.five; ///
data.syl.bf = res.data.syl.bf; // data.syl.bf = res.data.syl.bf; //
data.syl.zd = res.data.syl.zd; // data.syl.zd = res.data.syl.zd; //
updateEmploymentValues(data.employmentList, res.data.jyfws); //
data.jyfws = res.data.jyfws; //
data.employmentList[0].value = res.data.jyfws; ///
data.rczy = res.data.rczy; // data.rczy = res.data.rczy; //
data.sybx = res.data.sybx; // data.sybx = res.data.sybx; //
data.gsbx = res.data.gsbx; // data.gsbx = res.data.gsbx; //
@ -420,7 +421,7 @@ onMounted(() => {});
.familyPlanning { .familyPlanning {
width: 96%; width: 96%;
background-image: url(@/assets/images/infant/yysy_3.png); background-image: url(@/assets/images/lysd/lysd_4.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -432,7 +433,7 @@ onMounted(() => {});
} }
.service { .service {
background-image: url(@/assets/images/infant/yysy_4.png); background-image: url(@/assets/images/lysd/lysd_5.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -599,7 +600,7 @@ onMounted(() => {});
} }
.center_2 { .center_2 {
width: 96%; width: 96%;
background-image: url(@/assets/images/infant/yysy_2.png); background-image: url(@/assets/images/lysd/lysd_3.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
@ -636,6 +637,9 @@ onMounted(() => {});
} }
.right5 { .right5 {
margin-left: 14px; margin-left: 14px;
display: flex;
flex-direction: column;
justify-content: space-between;
.font { .font {
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
font-weight: 500; font-weight: 500;
@ -651,7 +655,7 @@ onMounted(() => {});
height: 7px; height: 7px;
} }
.right5_bottom { .right5_bottom {
margin-top: 13px; // margin-top: 13px;
// padding: 5px; // padding: 5px;
font-size: 22px; font-size: 22px;
color: #2ef1ff; color: #2ef1ff;