From ed73a86f1c96aef79c8d0ad98c22bed41f036a9d Mon Sep 17 00:00:00 2001 From: lnn19986213 <1667908750@qq.com> Date: Fri, 24 May 2024 09:27:14 +0800 Subject: [PATCH] gx --- src/main.js | 2 +- src/view/dialog/dialog.vue | 131 +++++++++++++ src/view/sy.vue | 378 ++++++++++++++++++++++++++----------- 3 files changed, 398 insertions(+), 113 deletions(-) create mode 100644 src/view/dialog/dialog.vue diff --git a/src/main.js b/src/main.js index c17ee14..41b8efa 100644 --- a/src/main.js +++ b/src/main.js @@ -5,6 +5,6 @@ import App from './App.vue' import router from "./router"; import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' -import './assets/css/common.css' +import './assets/css/common.css' createApp(App).use(router).use(ElementPlus).mount('#app') diff --git a/src/view/dialog/dialog.vue b/src/view/dialog/dialog.vue new file mode 100644 index 0000000..0d8a971 --- /dev/null +++ b/src/view/dialog/dialog.vue @@ -0,0 +1,131 @@ + + + \ No newline at end of file diff --git a/src/view/sy.vue b/src/view/sy.vue index 48adef2..364903b 100644 --- a/src/view/sy.vue +++ b/src/view/sy.vue @@ -10,16 +10,10 @@
- 收入：{{ data.LivelihoodWelfare.zgylbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.zgylbxzsr }}万元
- 支出：{{ data.LivelihoodWelfare.zgylbxzzc }}万元 + 支出：{{ data.LivelihoodWelfare.zgylbxzzc }}万元
@@ -27,16 +21,10 @@
工伤保险
- 收入：{{ data.LivelihoodWelfare.gsbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.gsbxzsr }}万元
- 支出：{{ data.LivelihoodWelfare.gsbxzzc }}万元 + 支出：{{ data.LivelihoodWelfare.gsbxzzc }}万元
@@ -46,16 +34,10 @@
- 收入：{{ data.LivelihoodWelfare.cxylbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.cxylbxzsr }}万元
- 支出：{{ data.LivelihoodWelfare.cxylbxzzc }}万元 + 支出：{{ data.LivelihoodWelfare.cxylbxzzc }}万元
@@ -65,16 +47,10 @@
- 收入：{{ data.LivelihoodWelfare.zgyilbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.zgyilbxzsr }}万元
- 支出：{{ data.LivelihoodWelfare.zgyilbxzzc }}万元 + 支出：{{ data.LivelihoodWelfare.zgyilbxzzc }}万元
@@ -84,16 +60,10 @@
- 收入：{{ data.LivelihoodWelfare.cxyilbxzsr }}万元 + 收入：{{ data.LivelihoodWelfare.cxyilbxzsr }}万元
- 支出：{{ data.LivelihoodWelfare.cxyilbxzzc }}万元 + 支出：{{ data.LivelihoodWelfare.cxyilbxzzc }}万元
@@ -130,8 +100,7 @@
- {{ jysyList[0].title }}学校师生比 + {{ jysyList[0].title }}学校师生比
{{ jysyList[0].teacher }}:{{ jysyList[0].student }} @@ -144,8 +113,7 @@
- {{ jysyList[1].title }}学校师生比 + {{ jysyList[1].title }}学校师生比
{{ jysyList[1].teacher }}:{{ jysyList[1].student }} @@ -160,15 +128,15 @@
-
+
{{ data.employmentService.jypx }}
就业培训
-
+
{{ data.employmentService.jyjxfw }}
就业见习服务
-
+
{{ data.employmentService.jyyz }}
就业援助
@@ -198,44 +166,23 @@
-
+
公共服务
-
+
企业服务
-
+
政务服务
- + - + @@ -257,11 +204,7 @@
-
+
{{ item.name }}
{{ item.value }}{{ item.dw }} @@ -272,11 +215,7 @@
-
+
{{ item.value }}{{ item.dw ? item.dw : "" }}
@@ -289,11 +228,7 @@
- +
{{ item.name }}
{{ item.key1 }}
@@ -302,16 +237,18 @@ }} 		- {{ item.key2 }}:{{ - item.key2_value - }} + {{ item.key2 }}:{{ + item.key2_value + }}
+ +
@@ -322,9 +259,75 @@ import footerball from "../assets/images/sy/footerball.png"; import baskerball from "../assets/images/sy/baskerball.png"; import badminton from "../assets/images/sy/badminton.png"; import running from "../assets/images/sy/running.png"; +import Dialog from "./dialog/dialog.vue"; import tableTennis from "../assets/images/sy/tableTennis.png"; 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"; + +// 详情弹框 +const dialogShow = ref(false) +const tableType = reactive({ + title: '', + columns: [ + { + label: '姓名', + property: 'name', + width: '150' + }, + { + label: '人员类别', + property: 'type', + width: '150' + }, + { + label: '就失业状态', + property: 'status', + width: '150' + }, + { + label: '日期', + property: 'date', + }, + { + label: '地址', + property: 'address', + }, + ], + data: [ + { + date: '2016-05-02', + name: 'John Smith', + address: 'No.1518, Jinshajiang Road, Putuo District', + }, + { + date: '2016-05-04', + name: 'John Smith', + address: 'No.1518, Jinshajiang Road, Putuo District', + }, + { + date: '2016-05-01', + name: 'John Smith', + address: 'No.1518, Jinshajiang Road, Putuo District', + }, + { + date: '2016-05-03', + name: 'John Smith', + address: 'No.1518, Jinshajiang Road, Putuo District', + }, + ] +}) + +const showDialog = (title) => { + dialogShow.value = true + tableType.title = title +} + +const close = () => { + dialogShow.value = false +} + const data = reactive({ PopulationData: { @@ -651,16 +654,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; }); // 服务表格样式 @@ -725,7 +726,7 @@ const getData = async () => { // if (value !== undefined) { // data.LivelihoodWelfare[key] = (value / 10000).toFixed(2); // } - data.LivelihoodWelfare[key] = (res.data.msfz[key] / 10000).toFixed(2) ; + data.LivelihoodWelfare[key] = (res.data.msfz[key] / 10000).toFixed(2); }); } // 救助服务 @@ -820,6 +821,55 @@ onBeforeMount(async () => { }); + +