diff --git a/dist.zip b/dist.zip index a852638..0c0e40c 100644 Binary files a/dist.zip and b/dist.zip differ diff --git a/src/view/sy_details.vue b/src/view/sy_details.vue index 0484762..317ff8f 100644 --- a/src/view/sy_details.vue +++ b/src/view/sy_details.vue @@ -2,7 +2,9 @@
-
+
+ 服务对象（{{ formData.name }}） +
@@ -21,11 +23,13 @@ :header-cell-style="tableHeaderColor" @row-click="handleRowClick" > - - - - - +
+ 服务内容清单（共{{ data.tableData1.length }}项） +
@@ -59,11 +65,18 @@ :row-style="rowState" :header-cell-style="tableHeaderColor" > - + +
+ 服务结果清单 +
@@ -114,11 +129,13 @@ :row-style="rowState" :header-cell-style="tableHeaderColor" > - - - - - + { + // console.log(current,"page1"); + pagination.currentPage = current; + getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage); +}; const handleSizeChange = (val) => { const startIndex = (val - 1) * 10; const endIndex = val * 10; data.pagedData = data.tableData1.slice(startIndex, endIndex); }; const handleCurrentChange = (val) => { - // console.log(data.tableData1, val); + console.log(data.tableData1, val); const startIndex = (val - 1) * 10; const endIndex = val * 10; data.pagedData = data.tableData1.slice(startIndex, endIndex); }; -const handlePagination = (current) => { - // console.log(current,"page1"); - pagination.currentPage = current; - getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage); -}; + // 服务表格样式 const tableHeaderColor = (arg) => { return { @@ -606,12 +1503,51 @@ const handleRowClick = (row, column, event) => { query: { identNo: row.sfzhm, type: "detail" }, }); }; +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; + pagination1.total = tableData.tableData.length; + handleCurrentChange(1); +}; + +const listAssignment = () => { + data.tableData = []; + data.tableData1 = []; + data.tableData2 = []; + + switch (data.name) { + case "最低生活保障": + updateFormDataAndTable("低保", formData.dbTableData); + data.tableData2 = formData.dbTableData.resultsList; + getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage); + break; + case "老年人福利补贴": + updateFormDataAndTable("户籍老年人", formData.hjlnrTableData); + break; + case "慢性病患者健康管理": + data.tabelshow = true; + updateFormDataAndTable("两慢病患者", formData.lmbhzTableData); + break; + case "义务教育学生生活补助": + updateFormDataAndTable("困难学生", formData.shbz_knxs_TableData); + break; + case "义务教育学生营养改善计划": + updateFormDataAndTable("困难学生", formData.yygs_knxs_TableData); + break; + default: + break; + } +}; + onMounted(() => { // tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d"); - getTable("/api/ggfwyth/pg/lyxsdbrymd", pagination.currentPage); - handleCurrentChange(1); if (routers.query.name) { data.name = routers.query.name; + listAssignment(); } }); @@ -639,26 +1575,26 @@ onMounted(() => { font-style: normal; margin-bottom: 20px; } - .left_1 { - background-image: url(@/assets/sy-table/sy_details1.png); - background-repeat: no-repeat; - background-size: 100% 100%; - // margin-bottom: 30px; - // cursor: pointer; - } - .left_2 { - background-image: url(@/assets/sy-table/sy_details2.png); - background-repeat: no-repeat; - background-size: 100% 100%; - // cursor: pointer; - // margin-bottom: 30px; - // margin-top: 40px; - } - .left_3 { - background-image: url(@/assets/sy-table/sy_details3.png); - background-repeat: no-repeat; - background-size: 100% 100%; - } + // .left_1 { + // background-image: url(@/assets/sy-table/sy_details1.png); + // background-repeat: no-repeat; + // background-size: 100% 100%; + // // margin-bottom: 30px; + // // cursor: pointer; + // } + // .left_2 { + // background-image: url(@/assets/sy-table/sy_details2.png); + // background-repeat: no-repeat; + // background-size: 100% 100%; + // // cursor: pointer; + // // margin-bottom: 30px; + // // margin-top: 40px; + // } + // .left_3 { + // background-image: url(@/assets/sy-table/sy_details3.png); + // background-repeat: no-repeat; + // background-size: 100% 100%; + // } .title { font-size: 28px; color: #ffffff; @@ -881,6 +1817,17 @@ onMounted(() => { height: 31px; position: relative; overflow: hidden; + display: flex; + align-items: center; + span { + font-size: 23px; + font-weight: 500; + font-family: titleNore; + margin-left: 20px; + color: #fff; + position: relative; + z-index: 1; + } /* 利用伪元素和两个i元素产生4条线 */ .animate-border { position: absolute; @@ -975,6 +1922,42 @@ onMounted(() => { cursor: pointer; } } +.yd_title::before { + content: ""; + width: 4px; + height: 4px; + background-color: #00e5ff; + border-radius: 50%; + position: absolute; + left: 0; + margin-left: 3px; + z-index: 2; +} +.yd_title::after { + content: ""; + width: 90%; + height: 1px; + background: linear-gradient(to right, #257fad, rgba(37, 127, 173, 0)); + position: absolute; + bottom: 0; + left: 0; + z-index: 0; +} +.semi-circle-shadow { + position: absolute; + bottom: -5px; + left: -24px; + width: 30%; + height: 20px; + background: radial-gradient( + circle, + rgba(37, 127, 173, 1) 0%, + rgba(37, 127, 173, 0) 70% + ); + border-radius: 50%; + z-index: 0; +} + @keyframes one { 0% { left: -100%;