@@ -128,41 +140,35 @@
- {{ jysyList[0].title }}学校师生比
+ {{ jysyList[0].title }}学校师生比
- {{ jysyList[0].teacher }}:{{ jysyList[0].student }}
+ {{ jysyList[0].teacher }}:{{ jysyList[0].student }}
-
+
- {{ jysyList[1].title }}学校师生比
+ {{ jysyList[1].title }}学校师生比
{{ jysyList[1].teacher }}:{{ jysyList[1].student }}
-
+
+
@@ -207,47 +213,24 @@
/>
+
+
+
+
- {{ data.PopulationData.man }}
-
+
男性人口
-
+
- 
+
+
{{ data.PopulationData.rkzs }}
人口总数
{{ data.PopulationData.woman }}
-
+
女性人口
-
+
-
+
-
+
-
+
+
+ ![]()
+
+
+ 
+
+ {{ item.name }}
+
+
+ {{ item.value }}{{ item.dw }}
+
+ 一网通办事
@@ -327,31 +317,19 @@
- 
+
+
+
平均受理时长
-
+
0.22小时
- 
+
+
@@ -379,10 +357,7 @@
+
平均办理时长
-
+
0.54小时
+
-
@@ -402,10 +377,7 @@
+
-
@@ -430,10 +402,7 @@
+
@@ -462,15 +431,8 @@
- ![]()
- 
+ ![]()
+
+
{{ data.jtsyList[0].name }}
@@ -484,15 +446,8 @@
- ![]()
-
+ ![]()
+
+
{{ data.jtsyList[1].name }}
@@ -508,15 +463,8 @@
- ![]()
-
+ ![]()
+
+
{{ data.jtsyList[2].name }}
@@ -530,15 +478,8 @@
- ![]()
-
+ ![]()
+
+
{{ data.jtsyList[3].name }}
@@ -552,15 +493,8 @@
- ![]()
-
+ ![]()
+
+
{{ data.jtsyList[4].name }}
@@ -627,7 +561,10 @@ import { ref, reactive, onMounted, onBeforeMount, computed } from "vue";
import http from "@/utils/request.js";
import { CircleCloseFilled } from "@element-plus/icons-vue";
import { columns } from "element-plus/es/components/table-v2/src/common.mjs";
-
+import qyfw1 from "../assets/images/sy/ljzcs.png";
+import qyfw2 from "../assets/images/sy/rzbms.png";
+import qyfw3 from "../assets/images/sy/shqys.png";
+import qyfw4 from "../assets/images/sy/dxje.png";
// 详情弹框
const dialogShow = ref(false);
//表格列
@@ -1103,14 +1040,16 @@ const jtsyList = ref([
// 县城学校师生比样式
const cs = computed(() => {
- let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${jysyList.value[0].teacher + jysyList.value[0].student
- }`;
+ let str = `--teacher: ${jysyList.value[0].teacher}; --total: ${
+ jysyList.value[0].teacher + jysyList.value[0].student
+ }`;
return str;
});
// 农村学校师生比样式
const nc = computed(() => {
- let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${jysyList.value[1].teacher + jysyList.value[1].student
- }`;
+ let str = `--teacher: ${jysyList.value[1].teacher}; --total: ${
+ jysyList.value[1].teacher + jysyList.value[1].student
+ }`;
return str;
});
// 服务表格样式
@@ -1277,6 +1216,33 @@ const getTable = (url, currentPage) => {
}
});
};
+//企业服务
+const qyfyList = reactive([
+ {
+ name: "累计政策数",
+ value: "273",
+ dw: "个",
+ img: qyfw1,
+ },
+ {
+ name: "入住部门数",
+ value: "35",
+ dw: "个",
+ img: qyfw2,
+ },
+ {
+ name: "受惠企业数",
+ value: "1084",
+ dw: "个",
+ img: qyfw3,
+ },
+ {
+ name: "累计已兑现资金额",
+ value: "18.54",
+ dw: "亿元",
+ img: qyfw4,
+ },
+]);
onBeforeMount(async () => {
getData();
});
@@ -2192,22 +2158,22 @@ onBeforeMount(async () => {
animation: sexIM 3s infinite linear;
}
@keyframes sexIM {
- 0% {
- transform: translateY(0);
- }
- 25% {
- transform: translateY(-3px);
- }
- 50% {
- transform: translateY(0);
- }
- 75% {
- transform: translateY(2px);
- }
- 100% {
- transform: translateY(0);
- }
+ 0% {
+ transform: translateY(0);
}
+ 25% {
+ transform: translateY(-3px);
+ }
+ 50% {
+ transform: translateY(0);
+ }
+ 75% {
+ transform: translateY(2px);
+ }
+ 100% {
+ transform: translateY(0);
+ }
+ }
}
.table {
@@ -2245,6 +2211,55 @@ onBeforeMount(async () => {
}
}
}
+//企业服务
+.qyfw {
+ height: 272px;
+ height: 272px;
+ box-sizing: border-box;
+ background: rgba(255, 255, 255, 0.1);
+ border-radius: 4px;
+ border: 0px solid #7aceff;
+ padding: 16px 19px;
+ display: flex;
+ flex-wrap: wrap;
+ .qyfw_item {
+ width: 50%;
+ display: flex;
+ align-items: center;
+ // justify-content: center;
+ .qyfw_item_left {
+ width: 104px;
+ height: 72px;
+ }
+ .qyfw_item_right {
+ margin-top: 5px;
+ margin-left: 5px;
+ display: flex;
+ flex-direction: column;
+ .name {
+ font-weight: 400;
+ font-size: 16px;
+ color: #ffffff;
+ line-height: 20px;
+ }
+ .line {
+ margin: 10px 0;
+ width: 100px;
+ }
+ .number {
+ font-weight: 400;
+ font-size: 16px;
+ color: #ffffff;
+ line-height: 20px;
+ span {
+ font-size: 18px;
+ margin-right: 3px;
+ font-weight: 600;
+ }
+ }
+ }
+ }
+}
//政务服务
.zwfw {
height: 272px;