Merge branch 'main' of https://git.cityme.com.cn/xiangshan/ggfwjsc
This commit is contained in:
commit
fba0640d6e
|
@ -508,9 +508,9 @@ const dataEc = reactive({
|
|||
});
|
||||
const nlfb = reactive({
|
||||
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],
|
||||
list1: [709, 3424, 2064, 0, 0,0],
|
||||
list2: [1548, 5895, 2753, 0, 0,0],
|
||||
list3: [180, 930, 632, 0, 0,0],
|
||||
});
|
||||
const showEnrol = () => {
|
||||
dialogShowEnrol.value = true;
|
||||
|
|
|
@ -104,9 +104,10 @@ const getOption = () => {
|
|||
},
|
||||
series: [
|
||||
{
|
||||
xAxisIndex: 0,
|
||||
name: "0-18岁",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
// stack: "Total",
|
||||
symbol: "emptyCircle",
|
||||
smooth: true,
|
||||
symbolSize: 10,
|
||||
|
@ -151,9 +152,10 @@ const getOption = () => {
|
|||
data: data.list,
|
||||
},
|
||||
{
|
||||
xAxisIndex: 0,
|
||||
name: "19-60岁",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
// stack: "Total",
|
||||
symbol: "emptyCircle",
|
||||
smooth: true,
|
||||
symbolSize: 10,
|
||||
|
@ -198,9 +200,10 @@ const getOption = () => {
|
|||
data: data.list2,
|
||||
},
|
||||
{
|
||||
xAxisIndex: 0,
|
||||
name: "60岁以上",
|
||||
type: "line",
|
||||
stack: "Total",
|
||||
// stack: "Total",
|
||||
symbol: "emptyCircle",
|
||||
smooth: true,
|
||||
symbolSize: 10,
|
||||
|
|
|
@ -16,7 +16,7 @@
|
|||
<div
|
||||
class="content_item2"
|
||||
v-for="(item, index) in personTotal.slice(0, 1)"
|
||||
:class="{ choose: item.id == choose.person }"
|
||||
:class="{ choose: item.age == choose.person }"
|
||||
@click="buten(item)"
|
||||
:key="index"
|
||||
>
|
||||
|
@ -76,7 +76,7 @@
|
|||
<div
|
||||
class="content_item"
|
||||
v-for="(item, index) in personTotal.slice(1)"
|
||||
:class="{ choose: item.id == choose.person }"
|
||||
:class="{ choose: item.age == choose.person }"
|
||||
@click="buten(item)"
|
||||
:key="index"
|
||||
>
|
||||
|
@ -187,7 +187,6 @@ import {
|
|||
defineProps,
|
||||
watch,
|
||||
nextTick,
|
||||
onActivated,
|
||||
} from "vue";
|
||||
import { ElMessage } from "element-plus";
|
||||
import tools from "@/utils/tools";
|
||||
|
@ -195,7 +194,6 @@ import initializeMap from "@/utils/mapInitializer.js";
|
|||
import http from "@/utils/request.js";
|
||||
import mapTown from "@/assets/json/ly.json";
|
||||
// import xkz from "@/assets/json/xkz.json";
|
||||
import personDetail from "./person/index.vue";
|
||||
import cssj from "@/assets/json/cssj.json";
|
||||
import j0 from "@/assets/images/map/j0.png";
|
||||
import j1 from "@/assets/images/map/j1.png";
|
||||
|
@ -224,6 +222,7 @@ import b6 from "@/assets/images/map/b6.png";
|
|||
import xcbg from "@/assets/images/map/xcbg.png";
|
||||
import AED from "@/assets/images/map/AED.png";
|
||||
import Dialog from "./dialog/dialogMapDp.vue";
|
||||
import personDetail from "./person/index.vue";
|
||||
//--------定义参数-------
|
||||
//是否打开人物详情
|
||||
const openD = ref(true);
|
||||
|
@ -1105,7 +1104,7 @@ const markera = (e) => {
|
|||
};
|
||||
//点击人口数
|
||||
const buten = async (item) => {
|
||||
getData(item.id, item.age);
|
||||
getData(item.age);
|
||||
getDatas(cfJd.value, item.age);
|
||||
};
|
||||
//点击特殊标签
|
||||
|
@ -1113,7 +1112,8 @@ const buten2 = async (item) => {
|
|||
getDataBqs(cfJd.value, cfCs.value, item.id);
|
||||
};
|
||||
//人口
|
||||
const getData = async (i, e) => {
|
||||
const getData = async (e) => {
|
||||
let e1 = e;
|
||||
if (e == "9999") {
|
||||
e = "";
|
||||
}
|
||||
|
@ -1125,7 +1125,7 @@ const getData = async (i, e) => {
|
|||
{
|
||||
id: "9999",
|
||||
ages: "总人口",
|
||||
age: "",
|
||||
age: "9999",
|
||||
value: "res.data.total",
|
||||
},
|
||||
{
|
||||
|
@ -1133,7 +1133,7 @@ const getData = async (i, e) => {
|
|||
name: "近一年死亡",
|
||||
value: "5650",
|
||||
ages: "近一年死亡",
|
||||
age: "1000",
|
||||
age: "6666",
|
||||
percent: "",
|
||||
},
|
||||
];
|
||||
|
@ -1195,8 +1195,8 @@ const getData = async (i, e) => {
|
|||
} catch (error) {
|
||||
console.error("Error fetching data:", error);
|
||||
}
|
||||
if (i) {
|
||||
changeRs(i);
|
||||
if (e1) {
|
||||
changeRs(e1);
|
||||
}
|
||||
};
|
||||
const getDatas = async (e, i) => {
|
||||
|
@ -1211,33 +1211,63 @@ const getDatas = async (e, i) => {
|
|||
} else if (cfJd.value !== "") {
|
||||
personTotal.value = [
|
||||
{
|
||||
id: "9999",
|
||||
// id: "9999",
|
||||
ages: "总人口",
|
||||
age: "",
|
||||
age: "9999",
|
||||
value: "res.data.total",
|
||||
},
|
||||
{
|
||||
id: "6666",
|
||||
// id: "6666",
|
||||
name: "近一年死亡",
|
||||
value: "5650",
|
||||
ages: "近一年死亡",
|
||||
age: "1000",
|
||||
age: "6666",
|
||||
percent: "",
|
||||
},
|
||||
];
|
||||
let before_age = "";
|
||||
personTotal.value[0].rksl = res.data.total;
|
||||
personTotal.value[0].ages = "总人口";
|
||||
personTotal.value[1].rksl = res.data.swrs;
|
||||
personTotal.value[1].ages = "近一年死亡";
|
||||
personTotal.value[1].percent = res.data.swrsPercent;
|
||||
res.data.age.forEach((item, index) => {
|
||||
if (index == 0 && item.age == 0) {
|
||||
personTotal.value.push({
|
||||
id: index + 1,
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
} else {
|
||||
if (item.age - before_age == 1) {
|
||||
personTotal.value.push({
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
} else {
|
||||
for (let k = before_age; k < item.age - 1; k++) {
|
||||
before_age = before_age + 1;
|
||||
personTotal.value.push({
|
||||
rksl: 0,
|
||||
age: before_age + "",
|
||||
ages: before_age + "岁",
|
||||
percent: 0.0,
|
||||
});
|
||||
}
|
||||
personTotal.value.push({
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
if (cfJd.value != "") {
|
||||
|
@ -1346,17 +1376,18 @@ const getDatas2 = async (e, i, cs) => {
|
|||
if (res.code == 200) {
|
||||
personTotal.value = [
|
||||
{
|
||||
id: "9999",
|
||||
// id: "9999",
|
||||
name: "总人口",
|
||||
ages: "总人口",
|
||||
age: "",
|
||||
age: "9999",
|
||||
value: "res.data.total",
|
||||
},
|
||||
{
|
||||
id: "6666",
|
||||
// id: "6666",
|
||||
name: "近一年死亡",
|
||||
value: "5650",
|
||||
ages: "近一年死亡",
|
||||
age: "1000",
|
||||
age: "6666",
|
||||
},
|
||||
];
|
||||
personTotal.value[0].rksl = res.data.total;
|
||||
|
@ -1364,14 +1395,90 @@ const getDatas2 = async (e, i, cs) => {
|
|||
personTotal.value[1].rksl = res.data.swrs;
|
||||
personTotal.value[1].ages = "近一年死亡";
|
||||
personTotal.value[1].percent = res.data.swrsPercent;
|
||||
// res.data.age.forEach((item, index) => {
|
||||
// personTotal.value.push({
|
||||
// id: index + 1,
|
||||
// rksl: item.rksl,
|
||||
// age: item.age + "",
|
||||
// ages: item.age + "岁",
|
||||
// percent: item.percent,
|
||||
// });
|
||||
// });
|
||||
let before_age = "";
|
||||
res.data.age.forEach((item, index) => {
|
||||
// if (index == 0) {
|
||||
// personTotal.value.push({
|
||||
// rksl: item.rksl,
|
||||
// age: item.age + "",
|
||||
// ages: item.age + "岁",
|
||||
// percent: item.percent,
|
||||
// });
|
||||
// before_age = item.age;
|
||||
// console.log("执行111", before_age);
|
||||
// } else {
|
||||
// if (item.age - before_age == 1) {
|
||||
// personTotal.value.push({
|
||||
// rksl: item.rksl,
|
||||
// age: item.age + "",
|
||||
// ages: item.age + "岁",
|
||||
// percent: item.percent,
|
||||
// });
|
||||
// before_age = item.age;
|
||||
// } else {
|
||||
// for (let i = 0; i < item.age - before_age - 1; i++) {
|
||||
// ++before_age;
|
||||
// personTotal.value.push({
|
||||
// rksl: 0,
|
||||
// age: before_age + "",
|
||||
// ages: before_age + "岁",
|
||||
// percent: 0.0,
|
||||
// });
|
||||
// }
|
||||
// personTotal.value.push({
|
||||
// rksl: item.rksl,
|
||||
// age: item.age + "",
|
||||
// ages: item.age + "岁",
|
||||
// percent: item.percent,
|
||||
// });
|
||||
// before_age = item.age;
|
||||
// }
|
||||
// }
|
||||
if (index == 0 && item.age == 0) {
|
||||
personTotal.value.push({
|
||||
id: index + 1,
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
} else {
|
||||
if (item.age - before_age == 1) {
|
||||
personTotal.value.push({
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
} else {
|
||||
for (let k = before_age; k < item.age - 1; k++) {
|
||||
before_age = before_age + 1;
|
||||
personTotal.value.push({
|
||||
rksl: 0,
|
||||
age: before_age + "",
|
||||
ages: before_age + "岁",
|
||||
percent: 0.0,
|
||||
});
|
||||
}
|
||||
personTotal.value.push({
|
||||
rksl: item.rksl,
|
||||
age: item.age + "",
|
||||
ages: item.age + "岁",
|
||||
percent: item.percent,
|
||||
});
|
||||
before_age = item.age;
|
||||
}
|
||||
}
|
||||
});
|
||||
xkzCenter.map((item) => {
|
||||
item.swrs = 0;
|
||||
|
@ -1722,11 +1829,12 @@ const to_jd = (item_name) => {
|
|||
if (choose.value.person == "9999") {
|
||||
getDatas(cfJd.value, "");
|
||||
} else {
|
||||
if (choose.value.person == 1) {
|
||||
getDatas(cfJd.value, "0"); //0岁传字符串
|
||||
} else {
|
||||
getDatas(cfJd.value, choose.value.person - 1);
|
||||
}
|
||||
// if (choose.value.person == 1) {
|
||||
// getDatas(cfJd.value, "0"); //0岁传字符串
|
||||
// } else {
|
||||
// getDatas(cfJd.value, choose.value.person);
|
||||
// }
|
||||
getDatas(cfJd.value, choose.value.person);
|
||||
}
|
||||
}
|
||||
// if (title_jd.value == item.name) {
|
||||
|
@ -1746,18 +1854,29 @@ const to_jd = (item_name) => {
|
|||
//详情
|
||||
const open_detail = () => {
|
||||
let age = "";
|
||||
// if (choose.value.person == "9999") {
|
||||
// age = "";
|
||||
// person_detail(age);
|
||||
// dialogShow.value = true;
|
||||
// } else if (choose.value.person == "6666") {
|
||||
// age = "";
|
||||
// } else if (choose.value.person == 1) {
|
||||
// age = "0";
|
||||
// person_detail(age);
|
||||
// dialogShow.value = true;
|
||||
// } else {
|
||||
// age = choose.value.person - 1;
|
||||
// person_detail(age);
|
||||
// dialogShow.value = true;
|
||||
// }
|
||||
if (choose.value.person == "9999") {
|
||||
age = "";
|
||||
person_detail(age);
|
||||
dialogShow.value = true;
|
||||
} else if (choose.value.person == "6666") {
|
||||
age = "";
|
||||
} else if (choose.value.person == 1) {
|
||||
age = "0";
|
||||
person_detail(age);
|
||||
dialogShow.value = true;
|
||||
} else {
|
||||
age = choose.value.person - 1;
|
||||
age = choose.value.person;
|
||||
person_detail(age);
|
||||
dialogShow.value = true;
|
||||
}
|
||||
|
@ -1765,21 +1884,26 @@ const open_detail = () => {
|
|||
const close = () => {
|
||||
dialogShow.value = false;
|
||||
pagination.total = 100;
|
||||
|
||||
pagination.currentPage = 1;
|
||||
};
|
||||
//表格分页
|
||||
const handlePagination = (current) => {
|
||||
pagination.currentPage = current;
|
||||
let age = "";
|
||||
// if (choose.value.person == "9999") {
|
||||
// age = "";
|
||||
// } else if (choose.value.person == "6666") {
|
||||
// age = "";
|
||||
// } else if (choose.value.person == 1) {
|
||||
// age = "0";
|
||||
// } else {
|
||||
// age = choose.value.person - 1;
|
||||
// }
|
||||
if (choose.value.person == "9999") {
|
||||
age = "";
|
||||
} else if (choose.value.person == "6666") {
|
||||
age = "";
|
||||
} else if (choose.value.person == 1) {
|
||||
age = "0";
|
||||
} else {
|
||||
age = choose.value.person - 1;
|
||||
age = choose.value.person;
|
||||
}
|
||||
person_detail(age);
|
||||
};
|
||||
|
@ -1789,14 +1913,14 @@ const openMessage = (e) => {
|
|||
openD.value = false;
|
||||
reset_font2();
|
||||
//监听实现人物详情动态缩放
|
||||
window.addEventListener('resize', reset_font2);
|
||||
window.addEventListener("resize", reset_font2);
|
||||
};
|
||||
//关闭人物详情页面
|
||||
const closeDetail = () => {
|
||||
openD.value = true;
|
||||
window.removeEventListener('resize', reset_font2);
|
||||
window.removeEventListener("resize", reset_font2);
|
||||
};
|
||||
//获取人口详情接口
|
||||
//获取人口列表接口
|
||||
const person_detail = (age) => {
|
||||
http
|
||||
.get(
|
||||
|
@ -2140,11 +2264,13 @@ const addPolygonCounty = () => {
|
|||
if (choose.value.person == "9999") {
|
||||
getDatas(cfJd.value, "");
|
||||
} else {
|
||||
if (choose.value.person == 1) {
|
||||
getDatas(cfJd.value, "0"); //0岁传字符串
|
||||
} else {
|
||||
getDatas(cfJd.value, choose.value.person - 1);
|
||||
}
|
||||
// if (choose.value.person == 1) {
|
||||
// getDatas(cfJd.value, "0"); //0岁传字符串
|
||||
// } else {
|
||||
// getDatas(cfJd.value, choose.value.person - 1);
|
||||
// }
|
||||
|
||||
getDatas(cfJd.value, choose.value.person);
|
||||
}
|
||||
}
|
||||
if (title_jd.value == item.name) {
|
||||
|
@ -2415,11 +2541,12 @@ const addPolygonCountyCs = () => {
|
|||
// getDataBqs(cfJd.value, cfCs.value);
|
||||
}
|
||||
//这段注意
|
||||
if (choose.value.person == 1) {
|
||||
getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
|
||||
} else {
|
||||
getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
|
||||
}
|
||||
// if (choose.value.person == 1) {
|
||||
// getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
|
||||
// } else {
|
||||
// getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
|
||||
// }
|
||||
getDatas2(cfJd.value, choose.value.person, cfCs.value);
|
||||
// getDatas2(cfJd.value, choose.value.person, cfCs.value);
|
||||
addCsChoose();
|
||||
addCsUnChoose();
|
||||
|
@ -2513,11 +2640,12 @@ const addCsUnChoose = () => {
|
|||
// });
|
||||
// getDataBqs(cfJd.value, cfCs.value);
|
||||
getDataBq(cfJd.value, cfCs.value);
|
||||
if (choose.value.person == 1) {
|
||||
getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
|
||||
} else {
|
||||
getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
|
||||
}
|
||||
// if (choose.value.person == 1) {
|
||||
// getDatas2(cfJd.value, "0", cfCs.value); //0岁传字符串
|
||||
// } else {
|
||||
// getDatas2(cfJd.value, choose.value.person - 1, cfCs.value);
|
||||
// }
|
||||
getDatas2(cfJd.value, choose.value.person, cfCs.value);
|
||||
// getDatas2(cfJd.value, choose.value.person, cfCs.value);
|
||||
// if (
|
||||
// choose.value.person == "cjr" ||
|
||||
|
@ -2888,8 +3016,6 @@ const reset_font = () => {
|
|||
}
|
||||
};
|
||||
const reset_font2 = () => {
|
||||
console.log(111111);
|
||||
|
||||
let width = document.documentElement.clientWidth || document.body.clientWidth;
|
||||
let height =
|
||||
document.documentElement.clientHeight || document.body.clientHeight;
|
||||
|
@ -2905,7 +3031,6 @@ onMounted(() => {
|
|||
getData();
|
||||
getDataBq();
|
||||
BMAP();
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
|
|
|
@ -2,8 +2,11 @@
|
|||
<div class="module11">
|
||||
<div class="displayFlex left_bg">
|
||||
<div class="flex1">
|
||||
<div class="yd_title " :class="leftchoose.first == '1' ? 'left_1' : 'left_1_1'"
|
||||
@click="change2('first')">
|
||||
<div
|
||||
class="yd_title"
|
||||
:class="leftchoose.first == '1' ? 'left_1' : 'left_1_1'"
|
||||
@click="change2('first')"
|
||||
>
|
||||
<div class="animate-border">
|
||||
<i></i>
|
||||
<i></i>
|
||||
|
@ -120,20 +123,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>
|
||||
|
@ -160,24 +163,26 @@
|
|||
src="@/assets/images/hygiene/jd.gif"
|
||||
alt=""
|
||||
/>
|
||||
<div class="historyimg font" style="padding:0 20px;">建档份数</div>
|
||||
<div class="historyimg font" style="padding: 0 20px">
|
||||
建档份数
|
||||
</div>
|
||||
</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>
|
||||
|
@ -211,14 +216,14 @@
|
|||
<img src="@/assets/images/hygiene/fy.png" alt="" />
|
||||
<img src="@/assets/images/hygiene/fy1.png" alt="" class="fyMove" />
|
||||
<img src="@/assets/images/hygiene/fy.gif" class="historyMoveImg" />
|
||||
<div class="historyimg font" >孕产妇系统管理人数</div>
|
||||
<div class="historyimg font">孕产妇系统管理人数</div>
|
||||
</div>
|
||||
<div class="history1">
|
||||
<div class="va">{{ data.fyglrs.etrs }}</div>
|
||||
<img src="@/assets/images/hygiene/fy.png" alt="" />
|
||||
<img src="@/assets/images/hygiene/fy2.png" alt="" class="fyMove" />
|
||||
<img src="@/assets/images/hygiene/fy.gif" class="historyMoveImg" />
|
||||
<div class="historyimg font" >0-6岁儿童系统管理人数</div>
|
||||
<div class="historyimg font">0-6岁儿童系统管理人数</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -297,7 +302,7 @@ const data = reactive({
|
|||
fyglrs: {}, //系统管理
|
||||
jktj: {}, //65岁健康体检
|
||||
jkhd: [], //健康活动
|
||||
lxbx:{},//手工零星报销
|
||||
lxbx: {}, //手工零星报销
|
||||
});
|
||||
const tabYd = ref([
|
||||
{
|
||||
|
@ -412,7 +417,7 @@ const getData = async () => {
|
|||
.module11 {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
// margin-top: 112px;
|
||||
// margin-top: 112px;
|
||||
}
|
||||
|
||||
.yd_title {
|
||||
|
@ -746,26 +751,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;
|
||||
|
@ -1187,30 +1192,34 @@ const getData = async () => {
|
|||
}
|
||||
.minTopPart2 {
|
||||
margin-left: 5px;
|
||||
width: 420px;
|
||||
height: 136px;
|
||||
width: 390px;
|
||||
height: 160px;
|
||||
background-image: url(@/assets/images/hygiene/xia_1.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 35px;
|
||||
padding: 0 5px;
|
||||
box-sizing: border-box;
|
||||
.left {
|
||||
.left5 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-left: 13px;
|
||||
.leftImg {
|
||||
.leftImg5 {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.left_me {
|
||||
.left5_me {
|
||||
margin-left: 10px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
|
@ -1220,7 +1229,7 @@ const getData = async () => {
|
|||
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
||||
|
||||
.bo {
|
||||
margin-top: 5px;
|
||||
// margin-top: 5px;
|
||||
font-family: TCloudNumber, TCloudNumber;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
|
@ -1230,19 +1239,20 @@ const getData = async () => {
|
|||
}
|
||||
}
|
||||
}
|
||||
.right {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// justify-content: center;
|
||||
|
||||
.rightImg {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
}
|
||||
.right_me {
|
||||
margin-left: 10px;
|
||||
.right5 {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
.rightImg5 {
|
||||
width: 90px;
|
||||
height: 90px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.right5_me {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
font-family: PingFangSC, PingFang SC;
|
||||
font-weight: 500;
|
||||
font-size: 14px;
|
||||
|
@ -1251,7 +1261,6 @@ const getData = async () => {
|
|||
letter-spacing: 2px;
|
||||
text-shadow: 0px 0px 4px rgba(255, 255, 255, 0.65);
|
||||
.bo {
|
||||
margin-top: 5px;
|
||||
font-family: TCloudNumber, TCloudNumber;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
|
@ -1319,7 +1328,7 @@ const getData = async () => {
|
|||
margin-top: 15px;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.font{
|
||||
.font {
|
||||
font-size: 18px !important;
|
||||
}
|
||||
</style>
|
||||
|
|
Loading…
Reference in New Issue