From 725f7ebfd8e61da9fb2fcce09892940cfa93541d Mon Sep 17 00:00:00 2001 From: lnn19986213 <1667908750@qq.com> Date: Tue, 11 Jun 2024 11:41:44 +0800 Subject: [PATCH] gx --- src/assets/dialogTab.png | Bin 0 -> 4735 bytes src/view/dialog/diaLogTab.vue | 402 +++++++++++++++++++++++++ src/view/dialog/dialogEc.vue | 262 ++++++++++++++++ src/view/dialog/echarts/echartLine.vue | 237 +++++++++++++++ src/view/dialog/echarts/tabLine.vue | 171 +++++++++++ src/view/sy.vue | 366 ++++++++++++++++------ 6 files changed, 1343 insertions(+), 95 deletions(-) create mode 100644 src/assets/dialogTab.png create mode 100644 src/view/dialog/diaLogTab.vue create mode 100644 src/view/dialog/dialogEc.vue create mode 100644 src/view/dialog/echarts/echartLine.vue create mode 100644 src/view/dialog/echarts/tabLine.vue diff --git a/src/assets/dialogTab.png b/src/assets/dialogTab.png new file mode 100644 index 0000000000000000000000000000000000000000..30b999551db12adf2691d2e6c571c7aaccfc9e8d GIT binary patch literal 4735 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 VW-xw{T~PvAU%hTYxN +
+ + + +
+
+
+
+ +
{{ title }}详情
+ +
+ +
+
+
+
+ 路线 +
+
+ 乘坐人次趋势 +
+
+
+ + + + +
+ +
+ +
+
+ +
+
+ +
+ + + \ No newline at end of file diff --git a/src/view/dialog/dialogEc.vue b/src/view/dialog/dialogEc.vue new file mode 100644 index 0000000..5ead208 --- /dev/null +++ b/src/view/dialog/dialogEc.vue @@ -0,0 +1,262 @@ + + + + \ No newline at end of file diff --git a/src/view/dialog/echarts/echartLine.vue b/src/view/dialog/echarts/echartLine.vue new file mode 100644 index 0000000..7dfecd4 --- /dev/null +++ b/src/view/dialog/echarts/echartLine.vue @@ -0,0 +1,237 @@ + + + + + \ No newline at end of file diff --git a/src/view/dialog/echarts/tabLine.vue b/src/view/dialog/echarts/tabLine.vue new file mode 100644 index 0000000..69dbe01 --- /dev/null +++ b/src/view/dialog/echarts/tabLine.vue @@ -0,0 +1,171 @@ + + + + + \ No newline at end of file diff --git a/src/view/sy.vue b/src/view/sy.vue index fe5c467..e4b2732 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -15,16 +15,13 @@
- 收入：{{ data.LivelihoodWelfare.zgylbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.zgylbxzsr }}万元
-
- 支出：{{ data.LivelihoodWelfare.zgylbxzzc }}万元 +
+ 支出：{{ data.LivelihoodWelfare.zgylbxzzc }}万元
@@ -32,16 +29,13 @@
工伤保险
- 收入：{{ data.LivelihoodWelfare.gsbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.gsbxzsr }}万元
-
- 支出：{{ data.LivelihoodWelfare.gsbxzzc }}万元 +
+ 支出：{{ data.LivelihoodWelfare.gsbxzzc }}万元
@@ -51,16 +45,13 @@
- 收入：{{ data.LivelihoodWelfare.cxylbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.cxylbxzsr }}万元
-
- 支出：{{ data.LivelihoodWelfare.cxylbxzzc }}万元 +
+ 支出：{{ data.LivelihoodWelfare.cxylbxzzc }}万元
@@ -70,16 +61,13 @@
- 收入：{{ data.LivelihoodWelfare.zgyilbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.zgyilbxzsr }}万元
-
- 支出：{{ data.LivelihoodWelfare.zgyilbxzzc }}万元 +
+ 支出：{{ data.LivelihoodWelfare.zgyilbxzzc }}万元
@@ -89,16 +77,13 @@
- 收入：{{ data.LivelihoodWelfare.cxyilbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.cxyilbxzsr }}万元
-
- 支出：{{ data.LivelihoodWelfare.cxyilbxzzc }}万元 +
+ 支出：{{ data.LivelihoodWelfare.cxyilbxzzc }}万元
@@ -115,7 +100,10 @@ -
+
@@ -140,35 +128,41 @@
- {{ 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 }}
-
+
-
+
@@ -213,24 +207,47 @@ />
{{ data.PopulationData.man }}
- +
男性人口
- +
- +
{{ data.PopulationData.rkzs }}
人口总数
{{ data.PopulationData.woman }}
- +
女性人口
- +
- - + +
- + - + + + + +
@@ -557,6 +670,8 @@ import ggjtimg3 from "../assets/images/sy/ggjt3.png"; import ggjtimg4 from "../assets/images/sy/ggjt4.png"; import Dialog from "./dialog/dialog.vue"; +import DialogEc from "./dialog/dialogEc.vue"; +import DialogTab from "./dialog/dialogTab.vue"; import { ref, reactive, onMounted, onBeforeMount, computed } from "vue"; import http from "@/utils/request.js"; import { CircleCloseFilled } from "@element-plus/icons-vue"; @@ -567,6 +682,8 @@ import qyfw3 from "../assets/images/sy/shqys.png"; import qyfw4 from "../assets/images/sy/dxje.png"; // 详情弹框 const dialogShow = ref(false); +const dialogShowEc = ref(false); +const dialogShowTab = ref(false); //表格列 const columnss = reactive({ 就业培训: [ @@ -708,7 +825,36 @@ const showDialog = (title, url) => { const close = () => { dialogShow.value = false; + dialogShowEc.value = false; + dialogShowTab.value = false; }; +// 交通事业-自行车，电动车 +const dataEc = reactive({ + title: '', + list1: [], + list2: [], + year: [], +}) +// 交通事业-公交，高铁，大巴 +const dataTab = reactive({ + title: '', + list1: [], + list2: [], + year: [], + columns: [{ + label: "班次", + property: "bc", + }, + { + label: "始发站-终点站", + property: "sfzd", + }, + { + label: "始发时间", + property: "time", + },], + data: [], +}) const data = reactive({ PopulationData: { @@ -1040,16 +1186,14 @@ 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; }); // 服务表格样式 @@ -1246,6 +1390,38 @@ const qyfyList = reactive([ onBeforeMount(async () => { getData(); }); + +// 交通事业弹框 +const showEc = (val) => { + dataEc.title = val + dataEc.list1 = [1,2,3,4,5,6,7,8,9,10,11,122] + dataEc.list2 = [1,2,3,4,5,6,7,8,9,10,11,112] + dataEc.year = [1,2,3,4,5,6,7,8,9,10,11,12] + dialogShowEc.value = true +} +const showTab = (val) => { + dataTab.title = val + dataTab.list1 = [1,2,3,4,5,6,7,8,9,10,11,122] + dataTab.year = [1,2,3,4,5,6,7,8,9,10,11,12] + dataTab.data = [ + { + bc: 'G13214', + sfzd: 'A-B', + time: '2024-06-11' + }, + { + bc: 'G13214', + sfzd: 'A-B', + time: '2024-06-11' + }, + { + bc: 'G13214', + sfzd: 'A-B', + time: '2024-06-11' + } + ] + dialogShowTab.value = true +}