diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index dcbdbd9..21a5fac 100644 --- a/src/view/sy_details.vue +++ b/src/view/sy_details.vue @@ -264,7 +264,7 @@ :character="tableType.character" :pagination="pagination3" @close="closeJj" - @handle="handlePagination" + @handle="handlePagination3" > @@ -287,16 +287,27 @@ import lamp6 from "../assets/sy-table/yellow1.gif"; import lamp7 from "../assets/sy-table/lampGreen3.png"; import lamp8 from "../assets/sy-table/lampRed3.png"; import lamp9 from "../assets/sy-table/lampYellow3.png"; +// 使用对象存储所有图片路径 +const lampImages = { + 1: lamp1, + 2: lamp2, + 3: lamp3, + 4: lamp4, + 5: lamp5, + 6: lamp6, + 7: lamp7, + 8: lamp8, + 9: lamp9, +}; const router = useRouter(); const routers = useRoute(); -const mxbtabelshow = ref(true); const data = reactive({ name: "", - identNo: "", - tabelshow: true, - pagedData: [], - first: 1, + identNo: "",//人物ID + first: 1,//随访记录&体检记录切换 + tabelshow: true,//老年人福利补贴切换 + pagedData: [],//服务内容清单(中间)临时分页数据 columns: [], column_1: [], column_2: [], @@ -394,7 +405,8 @@ const formData = reactive({ type: "slot", }, ], - tableData: [ + tableData1: [], + tableData2: [ { SerialNumber: "01", SubsidyType: "城乡最低生活保障补助", @@ -640,9 +652,8 @@ const formData = reactive({ "用户自主到自来水营业中心办理,现在需要民政局推送名单时提供用水户号", }, ], - resultsList: [], - tableData2: [], - tableData3: [ + tableData3: [], + tableData4: [ { fwnr: "义务教育营养改善计划(营养餐)", zt: 2, @@ -709,7 +720,7 @@ const formData = reactive({ sfzhm: "281889", }, { - xm: "洪宝珠", + xm: "洪*珠", zt: 3, dz: "浙江省龙游县东华街道******", nl: "54", @@ -717,7 +728,7 @@ const formData = reactive({ sfzhm: null, }, { - xm: "舒洪珍", + xm: "舒*珍", zt: 3, dz: "衢州市龙游县詹家镇******", nl: "43", @@ -725,7 +736,7 @@ const formData = reactive({ sfzhm: null, }, { - xm: "周小军", + xm: "周*军", zt: 3, dz: "衢州市龙游县小南海镇******", nl: "48", @@ -733,7 +744,7 @@ const formData = reactive({ sfzhm: null, }, { - xm: "莫东明", + xm: "莫*明", zt: 3, dz: "衢州市龙游县湖镇镇******", nl: "55", @@ -741,7 +752,7 @@ const formData = reactive({ sfzhm: null, }, { - xm: "张于新", + xm: "张*新", zt: 3, dz: "浙江省龙游县湖镇镇******", nl: "39", @@ -843,33 +854,7 @@ const formData = reactive({ type: "slot", }, ], - tableData: [ - { - SerialNumber: "01", - SubsidyType: "老年人综台能力评估", - SubsidRecipients: "龙游户籍老人", - SubsidyStandards: - "80周岁以上老年人每年,80周岁以下老年人每两年可申请免费评估一次。", - ProcessingMethod: "自主申报", - }, - { - SerialNumber: "02", - SubsidyType: "老年人综台能力评估", - SubsidRecipients: "龙游户籍老人", - SubsidyStandards: - "经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。", - ProcessingMethod: "到户籍所在地乡镇或街道自主申报", - }, - { - SerialNumber: "03", - SubsidyType: "高龄津贴", - SubsidRecipients: "龙游户籍老人", - SubsidyStandards: - "80周岁(含)至89周岁的老年人,每人每月享受60元高龄老人生活津贴:90周岁(含)至98司岁的老年人,每人每明享受160元高龄老人生活连贴:99同岁及以上的老年人,每人每月享安1000元长寿保健补助金。", - ProcessingMethod: "无需申报", - }, - ], - resultsList: [ + tableData1: [ { fullName: "王*", address: "龙游县东华街道", @@ -991,6 +976,32 @@ const formData = reactive({ }, ], tableData2: [ + { + SerialNumber: "01", + SubsidyType: "老年人综台能力评估", + SubsidRecipients: "龙游户籍老人", + SubsidyStandards: + "80周岁以上老年人每年,80周岁以下老年人每两年可申请免费评估一次。", + ProcessingMethod: "自主申报", + }, + { + SerialNumber: "02", + SubsidyType: "老年人综台能力评估", + SubsidRecipients: "龙游户籍老人", + SubsidyStandards: + "经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。", + ProcessingMethod: "到户籍所在地乡镇或街道自主申报", + }, + { + SerialNumber: "03", + SubsidyType: "高龄津贴", + SubsidRecipients: "龙游户籍老人", + SubsidyStandards: + "80周岁(含)至89周岁的老年人,每人每月享受60元高龄老人生活津贴:90周岁(含)至98司岁的老年人,每人每明享受160元高龄老人生活连贴:99同岁及以上的老年人,每人每月享安1000元长寿保健补助金。", + ProcessingMethod: "无需申报", + }, + ], + tableData3: [ { xm: "杨*根", identNo: "309601", @@ -1322,7 +1333,7 @@ const formData = reactive({ bzlx: "1", }, ], - tableData3: [ + tableData4: [ { fwnr: "经济困难老年人发放养老护理补贴每月125", zt: 1, @@ -1437,7 +1448,8 @@ const formData = reactive({ type: "slot", }, ], - tableData: [ + tableData1: [], + tableData2: [ { SerialNumber: "01", SubsidyType: "患者管理", @@ -1446,8 +1458,7 @@ const formData = reactive({ ProcessingMethod: "无需申报", }, ], - resultsList: [], - tableData2: [ + tableData3: [ { xm: "方*英", zt: 1, @@ -1529,7 +1540,7 @@ const formData = reactive({ bq: "糖尿病,高血压", }, ], - tableData3: [ + tableData4: [ { fwnr: "经济困难老年人发放养老护理补贴每月125", zt: 1, @@ -1633,18 +1644,7 @@ const formData = reactive({ type: "slot", }, ], - tableData: [ - { - SerialNumber: "01", - SubsidyType: "义务教育家庭经济困难学生生活补助", - SubsidRecipients: - "本人及其家庭的经济能力准以满足其在校(或幼儿园)期间的学习和生活基本支出的在籍学生。(一)特殊群体主要包括城市低保家庭学生、特因供养学生、弧儿、烈士子女、持正武疾学生、城市低保边缘家庭学生、低收入农户家庭学生、档立卡贫困家庭学生等,(二)其他群体 1.因遭受自然灾言、意外事件、重大疾病等突发情况导致家庭经济困难的学生2.学校结合家庭经济因素、地区经济社会发层水平通过家访、个别访谈、信函索证、大数摆分析、民主评议等方式,根据实事求是的原则认定需要资助的学生,", - SubsidyStandards: - "家庭经济困难寄宿生生活费补助标准:小学生每人1250元年,初中生1500元年:家庭经济困难非寄宿生生活补助按寄宿自生生活国家基础标准的50%核定。", - ProcessingMethod: "每学明初申请学校认定、公示后给予安助", - }, - ], - resultsList: [ + tableData1: [ { fullName: "王*", address: "龙游县东华街道", @@ -1766,6 +1766,17 @@ const formData = reactive({ }, ], tableData2: [ + { + SerialNumber: "01", + SubsidyType: "义务教育家庭经济困难学生生活补助", + SubsidRecipients: + "本人及其家庭的经济能力准以满足其在校(或幼儿园)期间的学习和生活基本支出的在籍学生。(一)特殊群体主要包括城市低保家庭学生、特因供养学生、弧儿、烈士子女、持正武疾学生、城市低保边缘家庭学生、低收入农户家庭学生、档立卡贫困家庭学生等,(二)其他群体 1.因遭受自然灾言、意外事件、重大疾病等突发情况导致家庭经济困难的学生2.学校结合家庭经济因素、地区经济社会发层水平通过家访、个别访谈、信函索证、大数摆分析、民主评议等方式,根据实事求是的原则认定需要资助的学生,", + SubsidyStandards: + "家庭经济困难寄宿生生活费补助标准:小学生每人1250元年,初中生1500元年:家庭经济困难非寄宿生生活补助按寄宿自生生活国家基础标准的50%核定。", + ProcessingMethod: "每学明初申请学校认定、公示后给予安助", + }, + ], + tableData3: [ { xm: "何*媱", zt: 1, @@ -1858,7 +1869,7 @@ const formData = reactive({ bzlx: "原外地建档", }, ], - tableData3: [ + tableData4: [ { fwnr: "经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。", zt: 1, @@ -1963,18 +1974,7 @@ const formData = reactive({ type: "slot", }, ], - tableData: [ - { - SerialNumber: "01", - SubsidyType: "义务教育家庭经济困难学生生活补助", - SubsidRecipients: - "本人及其家庭的经济能力准以满足其在校(或幼儿园)期间的学习和生活基本支出的在籍学生。(一)特殊群体主要包括城市低保家庭学生、特因供养学生、弧儿、烈士子女、持正武疾学生、城市低保边缘家庭学生、低收入农户家庭学生、档立卡贫困家庭学生等,(二)其他群体 '1'.因遭受自然灾言、意外事件、重大疾病等突发情况导致家庭经济困难的学生2.学校结合家庭经济因素、地区经济社会发层水平通过家访、个别访谈、信函索证、大数摆分析、民主评议等方式,根据实事求是的原则认定需要资助的学生,", - SubsidyStandards: - "家庭经济困难寄宿生生活费补助标准:小学生每人1250元年,初中生1500元年:家庭经济困难非寄宿生生活补助按寄宿自生生活国家基础标准的50%核定。", - ProcessingMethod: "每学明初申请学校认定、公示后给予安助", - }, - ], - resultsList: [ + tableData1: [ { fullName: "王*", address: "龙游县东华街道", @@ -2096,6 +2096,17 @@ const formData = reactive({ }, ], tableData2: [ + { + SerialNumber: "01", + SubsidyType: "义务教育家庭经济困难学生生活补助", + SubsidRecipients: + "本人及其家庭的经济能力准以满足其在校(或幼儿园)期间的学习和生活基本支出的在籍学生。(一)特殊群体主要包括城市低保家庭学生、特因供养学生、弧儿、烈士子女、持正武疾学生、城市低保边缘家庭学生、低收入农户家庭学生、档立卡贫困家庭学生等,(二)其他群体 '1'.因遭受自然灾言、意外事件、重大疾病等突发情况导致家庭经济困难的学生2.学校结合家庭经济因素、地区经济社会发层水平通过家访、个别访谈、信函索证、大数摆分析、民主评议等方式,根据实事求是的原则认定需要资助的学生,", + SubsidyStandards: + "家庭经济困难寄宿生生活费补助标准:小学生每人1250元年,初中生1500元年:家庭经济困难非寄宿生生活补助按寄宿自生生活国家基础标准的50%核定。", + ProcessingMethod: "每学明初申请学校认定、公示后给予安助", + }, + ], + tableData3: [ { xm: "何*媱", zt: 1, @@ -2188,7 +2199,7 @@ const formData = reactive({ bzlx: "原外地建档", }, ], - tableData3: [ + tableData4: [ { fwnr: "经济困难老年人发放养老护理补贴每月125元,同时很据能力评估等级发放养老服务补贴:重度失能每人每月500元、中度失能每人每月250元、轻度失能每人每月125元。", zt: 1, @@ -2292,48 +2303,33 @@ const handlePagination2 = (current) => { break; } }; -const handleCurrentChange = (val) => { - console.log(data.tableData1, val); - const startIndex = (val - 1) * 10; - const endIndex = val * 10; - data.pagedData = data.tableData1.slice(startIndex, endIndex); -}; +const handlePagination3 = (current) => { + console.log("页数", current); -// 服务表格样式 -const tableHeaderColor = (arg) => { - return { - // paddingLeft: "10px", - letterSpacing: "1px", - fontSize: "16px", - height: "79px", - backgroundColor: "rgba(23, 62, 115)", - color: "#fff", - border: "none", - textAlign: "center", - fontFamily: "PingFangSC, PingFang SC", - // boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)", - }; -}; -const rowState = (row) => { - if (row.rowIndex % 2 == 0) { - return { - letterSpacing: "1px", - fontSize: "14px", - height: "36px", - backgroundColor: "rgba(31, 63, 113, 1)", - color: "#fff", - }; - } else if (row.rowIndex % 2 !== 0) { - return { - letterSpacing: "1px", - fontSize: "14px", - height: "36px", - backgroundColor: "rgba(43, 74, 121, 1)", - color: "#fff", - }; + pagination2.currentPage = current; + + switch (data.name) { + case "最低生活保障": + // getTable(pagination); + pagination2.url = "/api/ggfwyth/pg/shjzShbz"; //假数据 + getTable3(pagination2); + break; + case "老年人福利补贴": + getServiceList(pagination2, 0); + break; + case "慢性病患者健康管理": + getTable1(pagination2); + break; + case "义务教育学生生活补助": + break; + case "义务教育学生营养改善计划": + break; + default: + break; } }; +//随访记录&体检记录切换 const change = (val) => { if (data.name == "慢性病患者健康管理") { if (data.first !== val) { @@ -2344,18 +2340,11 @@ const change = (val) => { data.first = data.first == 1 ? 0 : 1; } }; -// 使用对象存储所有图片路径 -const lampImages = { - 1: lamp1, - 2: lamp2, - 3: lamp3, - 4: lamp4, - 5: lamp5, - 6: lamp6, - 7: lamp7, - 8: lamp8, - 9: lamp9, -}; +/** + * 服务结果清单 状态筛选 + * @param {*} selectedLamp - 人物状态,1表示绿,2表示红,2表示黄 + * @param {boolean} selectedLamp1 - 状态选中,false表示选中,true表示未选中, + */ const selectedLamp = ref(null); const selectedLamp1 = reactive({ green: false, @@ -2363,9 +2352,8 @@ const selectedLamp1 = reactive({ yellow: false, }); const lampScreen = (val, val2) => { - // console.log(222, val2); if (selectedLamp.value === val) { - return; + return; //防止重复点击 } selectedLamp.value = val; console.log("绿灯", val2); @@ -2412,7 +2400,7 @@ const tableType = reactive({ columns: [], character: [], }); - +// 状态弹框 const statusDetails = (val) => { tableType.title = `服务详情`; console.log(111, val); @@ -2429,8 +2417,8 @@ const statusDetails = (val) => { }); } else { tableType.columns = formData.dbTableData.column_3; - tableType.data = formData.dbTableData.tableData3; - pagination3.total = formData.dbTableData.tableData3.length; + tableType.data = formData.dbTableData.tableData4; + pagination3.total = formData.dbTableData.tableData4.length; tableType.character = { ...val, age: val.nl, @@ -2449,8 +2437,8 @@ const statusDetails = (val) => { }); } else { tableType.columns = formData.hjlnrTableData.column_3; - tableType.data = formData.hjlnrTableData.tableData3; - pagination3.total = formData.hjlnrTableData.tableData3.length; + tableType.data = formData.hjlnrTableData.tableData4; + pagination3.total = formData.hjlnrTableData.tableData4.length; tableType.character = { ...val, titleName: formData.name, @@ -2467,8 +2455,8 @@ const statusDetails = (val) => { }); } else { tableType.columns = formData.lmbhzTableData.column_3; - tableType.data = formData.lmbhzTableData.tableData3; - pagination3.total = formData.lmbhzTableData.tableData3.length; + tableType.data = formData.lmbhzTableData.tableData4; + pagination3.total = formData.lmbhzTableData.tableData4.length; tableType.character = { ...val, titleName: formData.name, @@ -2484,9 +2472,9 @@ const statusDetails = (val) => { offset: 100, // 距离窗口顶部的偏移量 }); } else { - tableType.columns = formData.hjlnrTableData.column_3; - tableType.data = formData.hjlnrTableData.tableData3; - pagination3.total = formData.hjlnrTableData.tableData3.length; + tableType.columns = formData.shbz_knxs_TableData.column_3; + tableType.data = formData.shbz_knxs_TableData.tableData4; + pagination3.total = formData.shbz_knxs_TableData.tableData4.length; tableType.character = { ...val, titleName: formData.name, @@ -2502,9 +2490,9 @@ const statusDetails = (val) => { offset: 100, // 距离窗口顶部的偏移量 }); } else { - tableType.columns = formData.hjlnrTableData.column_3; - tableType.data = formData.hjlnrTableData.tableData3; - pagination3.total = formData.hjlnrTableData.tableData3.length; + tableType.columns = formData.yygs_knxs_TableData.column_3; + tableType.data = formData.yygs_knxs_TableData.tableData4; + pagination3.total = formData.yygs_knxs_TableData.tableData4.length; tableType.character = { ...val, titleName: formData.name, @@ -2516,6 +2504,7 @@ const statusDetails = (val) => { break; } }; +// 状态弹框关闭 const closeJj = () => { dialogShow.value = false; tableType.data = []; @@ -2669,29 +2658,29 @@ const handleRowClick = (row) => { break; } }; +// 页面初始化赋值 const updateFormDataAndTable = (formDataName, tableData) => { formData.name = formDataName; data.columns = tableData.columns; data.column_1 = tableData.column_1; data.column_2 = tableData.column_2; - data.tableData = tableData.resultsList; - data.tableData1 = tableData.tableData; - - data.tableData3 = tableData.tableData2; //状态假数据 - pagination1.total = tableData.tableData.length; - handleCurrentChange(1); + data.tableData = tableData.tableData1; //列表1 + data.tableData1 = tableData.tableData2; //列表2 + data.tableData3 = tableData.tableData3; //列表3 状态假数据 + pagination1.total = tableData.tableData2.length; + handlePagination1(1); if (formDataName == "低保") { selectedLamp1.red = true; selectedLamp.value = 1; return; } else { - data.tableData2 = tableData.tableData2; //假数据 + data.tableData2 = tableData.tableData3; //假数据 } // console.log(6666, data.tableData2); lampScreen(1, data.tableData3); }; - +// 页面初始化赋值 const listAssignment = () => { data.tableData = []; data.tableData1 = []; @@ -2742,6 +2731,40 @@ const listAssignment = () => { break; } }; +//表格样式 +const tableHeaderColor = (arg) => { + return { + // paddingLeft: "10px", + letterSpacing: "1px", + fontSize: "16px", + height: "79px", + backgroundColor: "rgba(23, 62, 115)", + color: "#fff", + border: "none", + textAlign: "center", + fontFamily: "PingFangSC, PingFang SC", + // boxShadow: " inset 0px 0px 56px 0px rgba(173,221,255,0.5)", + }; +}; +const rowState = (row) => { + if (row.rowIndex % 2 == 0) { + return { + letterSpacing: "1px", + fontSize: "14px", + height: "36px", + backgroundColor: "rgba(31, 63, 113, 1)", + color: "#fff", + }; + } else if (row.rowIndex % 2 !== 0) { + return { + letterSpacing: "1px", + fontSize: "14px", + height: "36px", + backgroundColor: "rgba(43, 74, 121, 1)", + color: "#fff", + }; + } +}; onMounted(() => { tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); if (routers.query.name) {