diff --git a/src/assets/YLimg/ylimg10.png b/src/assets/YLimg/ylimg10.png
new file mode 100644
index 0000000..b6423a0
Binary files /dev/null and b/src/assets/YLimg/ylimg10.png differ
diff --git a/src/assets/YLimg/ylimg5.png b/src/assets/YLimg/ylimg5.png
new file mode 100644
index 0000000..c0c5f78
Binary files /dev/null and b/src/assets/YLimg/ylimg5.png differ
diff --git a/src/assets/YLimg/ylimg6.png b/src/assets/YLimg/ylimg6.png
new file mode 100644
index 0000000..54def8e
Binary files /dev/null and b/src/assets/YLimg/ylimg6.png differ
diff --git a/src/assets/YLimg/ylimg7.png b/src/assets/YLimg/ylimg7.png
new file mode 100644
index 0000000..9b82876
Binary files /dev/null and b/src/assets/YLimg/ylimg7.png differ
diff --git a/src/assets/YLimg/ylimg8.png b/src/assets/YLimg/ylimg8.png
new file mode 100644
index 0000000..063ae63
Binary files /dev/null and b/src/assets/YLimg/ylimg8.png differ
diff --git a/src/assets/YLimg/ylimg9.png b/src/assets/YLimg/ylimg9.png
new file mode 100644
index 0000000..3013260
Binary files /dev/null and b/src/assets/YLimg/ylimg9.png differ
diff --git a/src/assets/bgImg.png b/src/assets/bgImg.png
index 33dc433..41587e0 100644
Binary files a/src/assets/bgImg.png and b/src/assets/bgImg.png differ
diff --git a/src/assets/headLeft.png b/src/assets/headLeft.png
new file mode 100644
index 0000000..bca1fbc
Binary files /dev/null and b/src/assets/headLeft.png differ
diff --git a/src/assets/headLeftC.png b/src/assets/headLeftC.png
new file mode 100644
index 0000000..23bb9bf
Binary files /dev/null and b/src/assets/headLeftC.png differ
diff --git a/src/assets/headRight.png b/src/assets/headRight.png
new file mode 100644
index 0000000..3d2559d
Binary files /dev/null and b/src/assets/headRight.png differ
diff --git a/src/assets/headRightC.png b/src/assets/headRightC.png
new file mode 100644
index 0000000..13ef5c9
Binary files /dev/null and b/src/assets/headRightC.png differ
diff --git a/src/assets/headerBg.png b/src/assets/headerBg.png
new file mode 100644
index 0000000..16038e8
Binary files /dev/null and b/src/assets/headerBg.png differ
diff --git a/src/assets/minTopBg.png b/src/assets/minTopBg.png
new file mode 100644
index 0000000..86232ec
Binary files /dev/null and b/src/assets/minTopBg.png differ
diff --git a/src/components/header.vue b/src/components/header.vue
index 071f678..ad3a63a 100644
--- a/src/components/header.vue
+++ b/src/components/header.vue
@@ -1,22 +1,24 @@
@@ -40,18 +42,18 @@ const updateClock = () => {
//拼接时间字符串
const timeString = `${hours}:${minutes}:${seconds}`;
- const formattedDate = year + "-" + month + "-" + day;
+ const formattedDate = year + "/" + month + "/" + day;
// 更新页面上的时钟显示
document.getElementById("clock").textContent = timeString;
// 将格式化后的日期更新到 div 中
document.getElementById("date-display").innerText = formattedDate;
};
-const to =(url)=>{
+const to = (url) => {
router.push({
path: `${url}`,
-
});
+ data.nowTab = url
}
const router = useRouter();
const routers = useRoute();
@@ -60,49 +62,52 @@ const data = reactive({
urlLeft: [
{
name: "主页",
- url:'/home/index',
+ url: '/home/index',
},
{
name: "养老",
- url:'/home/yl',
+ url: '/home/yl',
},
{
name: "卫生",
- url:'/home/hygiene',
+ url: '/home/hygiene',
},
{
name: "教育",
- url:'/home/education',
+ url: '/home/education',
},
{
name: "就业救助",
- url:'/home/work',
+ url: '/home/work',
},
{
name: "智能分析",
- url:'/home/analyze',
+ url: '/home/analyze',
},
],
- nowTab: "0",
+ nowTab: "/home/index",
});
onMounted(() => {
// 初始调用 updateClock 以立即显示时间
updateClock();
+ data.nowTab = router.currentRoute.value.fullPath
+
// 每隔一秒钟调用一次 updateClock 以更新时钟显示
setInterval(updateClock, 1000);
});
diff --git a/src/view/echarts/ylSMFW.vue b/src/view/echarts/ylSMFW.vue
new file mode 100644
index 0000000..0bdc62e
--- /dev/null
+++ b/src/view/echarts/ylSMFW.vue
@@ -0,0 +1,118 @@
+
+
+
+
+
+
+
diff --git a/src/view/echarts/ylXZZC.vue b/src/view/echarts/ylXZZC.vue
new file mode 100644
index 0000000..65372e9
--- /dev/null
+++ b/src/view/echarts/ylXZZC.vue
@@ -0,0 +1,125 @@
+
+
+
+
+
+
+
diff --git a/src/view/yl.vue b/src/view/yl.vue
index d3343e1..6fac17f 100644
--- a/src/view/yl.vue
+++ b/src/view/yl.vue
@@ -100,10 +100,10 @@
-
-
-
-
养老机构
+
+
+
-
2002年至2009年担任浙江大学计算机学院和软件学院院长;
+
+
+
+ 16个
+
+
+
+
+
+
+ 239 个
+
+
+
+
+
+
+ 139个
+
+
+
+
-
-
助老服务
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
18,789
+
+
+
+
+
+
+
+
+
-
@@ -167,7 +217,10 @@ import eP3_2 from "./echarts/eP3_2.vue";
import ePie2 from "./echarts/pie2.vue";
import eGraph from "./echarts/graph.vue";
import ePie3d from "./echarts/pie3d.vue";
-import waterBall from "./echarts/waterBall.vue";
+// import waterBall from "./echarts/waterBall.vue";
+import ylJHSY from "./echarts/ylJHSY.vue";
+import ylSMFW from "./echarts/ylSMFW.vue";
+import ylXZZC from "./echarts/ylXZZC.vue";
import { ref, onMounted, onBeforeMount } from "vue";
const leftchoose = ref({
first: "1",
@@ -190,6 +243,11 @@ const change = (name, index) => {
padding: 0 28px;
box-sizing: border-box;
}
+.flex2 {
+ // flex: 1;
+ padding: 0 38px;
+ box-sizing: border-box;
+}
.module {
display: flex;
}
@@ -214,6 +272,65 @@ const change = (name, index) => {
top: 3px;
}
}
+.familyPlanning {
+ background-image: url(@/assets/YLTitle/titleImg9.png);
+}
+.mechanism {
+ background-image: url(@/assets/YLTitle/titleImg10.png);
+}
+.service {
+ background-image: url(@/assets/YLTitle/titleImg11.png);
+}
+.serviceBox {
+ display: flex;
+ flex-direction: column;
+
+ .serviceimg {
+ width: 182px;
+ height: 35px;
+ }
+ .serviceTop {
+ display: flex;
+ justify-content: space-between;
+ .medicalService {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .ylimg {
+ width: 205px;
+ height: 239px;
+ }
+
+ .medicalServiceTop {
+ position: relative;
+ span {
+ position: absolute;
+ left: 38px;
+ top: 35%;
+ font-weight: bold;
+ font-size: 36px;
+ color: #ffffff;
+ line-height: 41px;
+ letter-spacing: 1px;
+ text-align: center;
+ font-style: normal;
+ font-family: DINAlternate, DINAlternate;
+ }
+ }
+ }
+ }
+ .mealAssistance {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ .mealAssistanceimg {
+ width: 495px;
+ height: 35px;
+ }
+ }
+}
+
.left_1 {
background-image: url(@/assets/images/ylbx.png);
background-repeat: no-repeat;
@@ -322,6 +439,37 @@ const change = (name, index) => {
.history {
padding-top: 12px;
+ display: flex;
+ .history1 {
+ font-size: 26px;
+ color: #ffffff;
+ line-height: 30px;
+ letter-spacing: 1px;
+ text-align: center;
+ font-style: normal;
+ font-family: PangMenZhengDao;
+
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ .unit {
+ font-weight: 500;
+ font-size: 14px;
+ color: #9cdeff;
+ line-height: 20px;
+ text-align: left;
+ font-style: normal;
+ font-family: PingFangSC, PingFang SC;
+ }
+ .historyimg {
+ width: 182px;
+ height: 35px;
+ }
+ }
+ img {
+ width: 154px;
+ height: 136px;
+ }
p {
margin-top: 12px;
font-size: 12px;