From 1075bf79664b3b75cf89e0c08746aa52e1cb72ad Mon Sep 17 00:00:00 2001 From: duanxiaohai <1812246227@qq.com> Date: Tue, 10 Sep 2024 16:51:43 +0800 Subject: [PATCH 1/3] gx --- src/view/dialog/dialogRW.vue | 385 +++++++++++++++++++++++++++++++++++ src/view/person/index.vue | 2 + src/view/sy_details.vue | 284 ++++++++++++++++++++++++-- vite.config.js | 4 +- 4 files changed, 656 insertions(+), 19 deletions(-) create mode 100644 src/view/dialog/dialogRW.vue diff --git a/src/view/dialog/dialogRW.vue b/src/view/dialog/dialogRW.vue new file mode 100644 index 0000000..7053130 --- /dev/null +++ b/src/view/dialog/dialogRW.vue @@ -0,0 +1,385 @@ + + + + + + + + + + + + + + + + + {{ title }} + + + + + + + + 姓名:{{ data.character.xm }} + 地址:{{ data.character.dz }} + 年龄:{{ data.character.age }} + 标签:{{ data.character.titleName }} + + 状态: + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/view/person/index.vue b/src/view/person/index.vue index bdae436..a236af7 100644 --- a/src/view/person/index.vue +++ b/src/view/person/index.vue @@ -771,10 +771,12 @@ const columnsList = reactive({ { label: "走访人", property: "name", + width: 90, }, { label: "来访者", property: "visitor", + width: 90, }, { label: "来访日期", diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index e3fc17c..17ba4c9 100644 --- a/src/view/sy_details.vue +++ b/src/view/sy_details.vue @@ -48,7 +48,7 @@ + + + + + {{ scope.row.xm }} + + + + + {{ scope.row.fullName }} + + @@ -219,6 +230,7 @@ style="width: 30px; height: 30px" v-if="scope.row.zt == index" :src="lampImages[index]" + @click="statusDetails(scope.row)" /> @@ -239,7 +251,7 @@ + + + @@ -258,6 +282,8 @@ import http from "@/utils/request.js"; import { useRouter, useRoute } from "vue-router"; import { ElMessage } from "element-plus"; import tools from "@/utils/tools"; +import DialogLamp from "./dialog/dialogRW.vue"; + import lamp1 from "../assets/sy-table/green.gif"; import lamp2 from "../assets/sy-table/red.gif"; import lamp3 from "../assets/sy-table/yellow.gif"; @@ -337,6 +363,7 @@ const formData = reactive({ label: "姓名", property: "fullName", width: "90", + type: "slot", }, { label: "状态", @@ -359,6 +386,20 @@ const formData = reactive({ property: "PopulationLabel", }, ], + column_3: [ + { + label: "服务内容", + property: "fwnr", + align: "left", + }, + { + label: "结果", + property: "zt", + width: "200", + align: "center", + type: "slot", + }, + ], tableData: [ { SerialNumber: "01", @@ -608,11 +649,12 @@ const formData = reactive({ resultsList: [], tableData2: [ { - fullName: "吴*琴", + fullName: "伍*凤", zt: 1, - address: "龙游户籍的公民...", - age: "57", - PopulationLabel: "自主申报", + address: "衢州市龙游县模******居民委员会", + age: "46", + PopulationLabel: "收入型低保", + sfzhm: "281889", }, { fullName: "吴*琴", @@ -691,9 +733,28 @@ const formData = reactive({ age: "57", PopulationLabel: "自主申报", }, - - - + ], + tableData3: [ + { + fwnr: "经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。", + zt: 1, + identNo: "309601", + }, + { + fwnr: "80周岁(含)至89周岁的老年人,每人每月享受60元高龄老人生活津贴:90周岁(含)至98司岁的老年人,每人每明享受160元高龄老人生活连贴:99同岁及以上的老年人,每人每月享安1000元长寿保健补助金。", + zt: 2, + identNo: "309601", + }, + { + fwnr: "80周岁以上老年人每年,80周岁以下老年人每两年可申请免费评估一次。", + zt: 3, + identNo: "309601", + }, + { + fwnr: "病儿童经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。171.4元/月", + zt: 1, + identNo: "309601", + }, ], }, hjlnrTableData: { @@ -751,6 +812,7 @@ const formData = reactive({ label: "姓名", property: "xm", width: "90", + type: "slot", }, { label: "状态", @@ -774,6 +836,20 @@ const formData = reactive({ type: "slot", }, ], + column_3: [ + { + label: "服务内容", + property: "fwnr", + align: "left", + }, + { + label: "结果", + property: "zt", + width: "200", + align: "center", + type: "slot", + }, + ], tableData: [ { SerialNumber: "01", @@ -924,6 +1000,7 @@ const formData = reactive({ tableData2: [ { xm: "杨*根", + identNo: "309601", zt: 1, dz: "浙江省龙游县龙*****号", age: "87", @@ -1251,6 +1328,23 @@ const formData = reactive({ bzlx: "1", }, ], + tableData3: [ + { + fwnr: "经济困难老年人发放养老护理补贴每月125", + zt: 1, + identNo: "309601", + }, + { + fwnr: "经济困难老年人发放养老护理补贴每月125", + zt: 2, + identNo: "309601", + }, + { + fwnr: "经济困难老年人发放养老护理补贴每月125", + zt: 3, + identNo: "309601", + }, + ], }, lmbhzTableData: { url: "", @@ -1312,6 +1406,7 @@ const formData = reactive({ label: "姓名", property: "xm", width: "90", + type: "slot", }, { label: "状态", @@ -2034,6 +2129,12 @@ const pagination2 = reactive({ pageSize: 20, currentPage: 1, }); +const pagination3 = reactive({ + url: "", + total: 10, + pageSize: 20, + currentPage: 1, +}); //表格分页切换 const handlePagination = (current) => { // console.log(current,"page1"); @@ -2155,7 +2256,7 @@ const selectedLamp1 = reactive({ yellow: false, }); const lampScreen = (val, val2) => { - console.log(222, val2); + // console.log(222, val2); if (selectedLamp.value === val) { return; } @@ -2163,7 +2264,7 @@ const lampScreen = (val, val2) => { const filteredData = val2.filter((element) => element.zt === val); data.tableData2 = filteredData; - + pagination2.total = data.tableData2.length; selectedLamp1.green = !val2.some((element) => element.zt === 1); selectedLamp1.red = !val2.some((element) => element.zt === 2); selectedLamp1.yellow = !val2.some((element) => element.zt === 3); @@ -2184,7 +2285,152 @@ const lampScreen = (val, val2) => { // ); console.log(111, data.tableData2, selectedLamp1, val); }; +//---------表格弹框------- +const dialogShow = ref(false); +const tableType = reactive({ + url: "", + title: "", + data: [], + columns: [], + character: [], +}); +//表格column列表 +const columns = reactive({ + 聚集数据: { + column: [ + { + label: "姓名", + property: "xm", + }, + { + label: "出生日期", + property: "birth", + }, + { + label: "性别", + property: "sex", + }, + { + label: "迁出地址", + property: "ydz", + }, + { + label: "地址", + property: "xdz", + }, + ], + }, + 培训: { + column: [ + { + label: "姓名", + property: "xm", + }, + { + label: "培训机构名称", + property: "pxjgmc", + }, + { + label: "培训项目", + property: "pxxm", + }, + ], + }, +}); +const statusDetails = (val) => { + tableType.title = `服务详情`; + console.log(111, val); + switch (data.name) { + case "最低生活保障": + data.identNo = val.sfzhm; + if (data.identNo == null) { + ElMessage.warning({ + message: `${val.fullName}无id!`, + offset: 100, // 距离窗口顶部的偏移量 + }); + } else { + tableType.columns = formData.dbTableData.column_3; + tableType.data = formData.dbTableData.tableData3; + pagination3.total = formData.dbTableData.tableData3.length; + tableType.character = { + ...val, + xm: val.fullName, + dz: val.address, + titleName: formData.name, + }; + dialogShow.value = true; + } + break; + case "老年人福利补贴": + data.identNo = val.identNo; + if (data.identNo == null) { + ElMessage.warning({ + message: `${val.xm}无id!`, + offset: 100, // 距离窗口顶部的偏移量 + }); + } else { + tableType.columns = formData.hjlnrTableData.column_3; + tableType.data = formData.hjlnrTableData.tableData3; + pagination3.total = formData.hjlnrTableData.tableData3.length; + tableType.character = { + ...val, + titleName: formData.name, + }; + dialogShow.value = true; + } + break; + case "慢性病患者健康管理": + data.identNo = val.identNo; + if (data.identNo == null) { + ElMessage.warning({ + message: `${val.xm}无id!`, + offset: 100, // 距离窗口顶部的偏移量 + }); + } else { + tableType.columns = formData.hjlnrTableData.column_3; + tableType.data = formData.hjlnrTableData.tableData3; + pagination3.total = formData.hjlnrTableData.tableData3.length; + dialogShow.value = true; + } + break; + case "义务教育学生生活补助": + data.identNo = val.identNo; + if (data.identNo !== null) { + tableType.columns = formData.hjlnrTableData.column_3; + tableType.data = formData.hjlnrTableData.tableData3; + pagination3.total = formData.hjlnrTableData.tableData3.length; + dialogShow.value = true; + } else { + ElMessage.warning({ + message: `${val.xm}无id!`, + offset: 100, // 距离窗口顶部的偏移量 + }); + } + break; + case "义务教育学生营养改善计划": + data.identNo = val.identNo; + if (data.identNo !== null) { + tableType.columns = formData.hjlnrTableData.column_3; + tableType.data = formData.hjlnrTableData.tableData3; + pagination3.total = formData.hjlnrTableData.tableData3.length; + dialogShow.value = true; + } else { + ElMessage.warning({ + message: `${val.xm}无id!`, + offset: 100, // 距离窗口顶部的偏移量 + }); + } + break; + default: + break; + } +}; +const closeJj = () => { + dialogShow.value = false; + tableType.data = []; + pagination3.currentPage = 1; +}; const getTable = (pagination) => { http .get( @@ -2235,7 +2481,7 @@ const getServiceList = async (pagination, sfxs) => { }); }; -const handleRowClick = (row, column, event) => { +const handleRowClick = (row) => { // row 是当前行的数据 console.log(row); switch (data.name) { @@ -2320,10 +2566,10 @@ const updateFormDataAndTable = (formDataName, tableData) => { data.column_2 = tableData.column_2; data.tableData = tableData.resultsList; data.tableData1 = tableData.tableData; - data.tableData2 = tableData.tableData2; - data.tableData3 = tableData.tableData2; + data.tableData2 = tableData.tableData2; //假数据 + data.tableData3 = tableData.tableData2; //假数据 pagination1.total = tableData.tableData.length; - console.log(6666, data.tableData2); + // console.log(6666, data.tableData2); lampScreen(1, data.tableData3); handleCurrentChange(1); @@ -2894,6 +3140,10 @@ onMounted(() => { }