diff --git a/index.html b/index.html
index bf22dc2..ca0e704 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
公共服务一体化驾驶舱
+
diff --git a/src/assets/images/sjfx/gygws.png b/src/assets/images/sjfx/gygws.png
new file mode 100644
index 0000000..5868f9b
Binary files /dev/null and b/src/assets/images/sjfx/gygws.png differ
diff --git a/src/assets/images/sjfx/pxrc.png b/src/assets/images/sjfx/pxrc.png
new file mode 100644
index 0000000..d7ae148
Binary files /dev/null and b/src/assets/images/sjfx/pxrc.png differ
diff --git a/src/view/analyze.vue b/src/view/analyze.vue
index db0c4cf..6d559b6 100644
--- a/src/view/analyze.vue
+++ b/src/view/analyze.vue
@@ -79,12 +79,18 @@
-
-
+
+
就业培训
+
+
+
+
+
+
{{ item.name }}
+
{{ item.value }}
+
+
+
@@ -124,7 +130,7 @@
-
+
@@ -141,6 +147,7 @@ import {
} from "vue";
import right2 from "./echart_analyze/right2.vue";
import right1 from "./echart_analyze/right1.vue";
+import jypx from "./echart_analyze/jypx.vue";
import http from "@/utils/request.js";
import Pie3dMt from "./echart_analyze/pie3dMt.vue";
import Pie3dMt2 from "./echart_analyze/pie3dMt2.vue";
@@ -153,8 +160,23 @@ import ViewDataimg from "@/assets/images/sjfx/sjfx.png";
import ViewDataimg1 from "@/assets/images/sjfx/sjfx1.png";
import ViewDataimg2 from "@/assets/images/sjfx/sjfx2.png";
import ViewDataimg3 from "@/assets/images/sjfx/sjfx3.png";
-
+import jypx1 from "@/assets/images/sjfx/pxrc.png";
+import jypx2 from "@/assets/images/sjfx/gygws.png";
+import Map from "./echart_analyze/map.vue";
const showR = ref(false); //loading
+//就业培训
+const jypxList = reactive([
+ {
+ name: "培训人次",
+ value: "5000",
+ img: jypx1,
+ },
+ {
+ name: "公益岗位数",
+ value: "3815",
+ img: jypx2,
+ },
+]);
const data = reactive({
datashow: null,
backgroundImageUrl: ViewDataimg,
@@ -694,4 +716,67 @@ onBeforeUnmount(() => {
z-index: 2;
}
}
+//就业培训
+.jypx {
+ width: 100%;
+ height: 200px;
+ margin: 20px 0;
+ position: relative;
+ display: flex;
+ align-items: center;
+}
+.minPieImg2 {
+ position: absolute;
+ width: 137px;
+ height: 20px;
+ background-image: url(@/assets/images/sjfx/minPieT.png);
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
+ text-align: center;
+ font-size: 16px;
+ color: #ffffff;
+ line-height: 22px;
+ letter-spacing: 4px;
+ top: 185px;
+ left: 25px;
+ z-index: 2;
+}
+.jypx_right {
+ display: flex;
+ flex-direction: column;
+ margin-left: 35px;
+ .jypx_right_item {
+ display: flex;
+ align-items: center;
+ img {
+ width: 70px;
+ height: 60px;
+ }
+ .jypx_right_item_right {
+ margin-left: 15px;
+ .jypx_name {
+ letter-spacing: 1px;
+ font-size: 18px;
+ line-height: 25px;
+ }
+ .jypx_value {
+ font-size: 22px;
+ color: #ffffff;
+ line-height: 30px;
+ letter-spacing: 1px;
+ }
+ }
+ }
+ .jypx_right_item:first-child {
+ margin-bottom: 20px;
+ .jypx_name {
+ color: #00ebff;
+ }
+ }
+ .jypx_right_item:last-child {
+ .jypx_name {
+ color: #a5cdff;
+ }
+ }
+}
diff --git a/src/view/echart_analyze/jypx.vue b/src/view/echart_analyze/jypx.vue
new file mode 100644
index 0000000..2835fb3
--- /dev/null
+++ b/src/view/echart_analyze/jypx.vue
@@ -0,0 +1,130 @@
+
+
+
+
+
+
+
diff --git a/src/view/echart_analyze/map.vue b/src/view/echart_analyze/map.vue
new file mode 100644
index 0000000..f2a94c5
--- /dev/null
+++ b/src/view/echart_analyze/map.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
\ No newline at end of file