This commit is contained in:
duanxiaohai
parent
d374a84a84
commit
717aaee91c
|
|
@ -61,6 +61,11 @@ const router = createRouter({
|
|||
path: "/person/rwTable",
|
||||
component: () => import("../view/person/rwTable.vue"),
|
||||
},
|
||||
{
|
||||
name: "人员推送详情",
|
||||
path: "/person/pushRecords",
|
||||
component: () => import("../view/person/pushRecords.vue"),
|
||||
},
|
||||
{
|
||||
path: "/home",
|
||||
component: () => import("../view/home.vue"),
|
||||
|
|
|
|||
|
|
@ -0,0 +1,409 @@
|
|||
<template>
|
||||
<div class="tablebody">
|
||||
<div class="tableCss">
|
||||
<el-table
|
||||
:data="data.tableData"
|
||||
stripe
|
||||
max-height="90vh"
|
||||
style="width: 100%; color: black"
|
||||
:header-cell-style="{
|
||||
background: 'rgba(231, 233, 235, 1)',
|
||||
color: 'black',
|
||||
}"
|
||||
>
|
||||
<template v-for="item in data.columns">
|
||||
<el-table-column
|
||||
v-if="item.type == 'slot'"
|
||||
:label="item.label"
|
||||
:width="item.width"
|
||||
:prop="item.property"
|
||||
:fixed="item.fixed"
|
||||
>
|
||||
<template #default="scope">
|
||||
<el-button v-if="scope.row.eligible == '0'" color="#2c40ea"
|
||||
>待确认</el-button
|
||||
>
|
||||
<el-button v-if="scope.row.eligible == '1'" type="success"
|
||||
>符合</el-button
|
||||
>
|
||||
<el-button v-if="scope.row.eligible == '2'" type="warning"
|
||||
>不符合</el-button
|
||||
>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column
|
||||
v-else
|
||||
:prop="item.property"
|
||||
:label="item.label"
|
||||
:width="item.width"
|
||||
:fixed="item.fixed"
|
||||
/>
|
||||
</template>
|
||||
</el-table>
|
||||
<div class="pagePart">
|
||||
<el-pagination
|
||||
size="small"
|
||||
class="mt-4"
|
||||
background
|
||||
layout="prev, pager, next ,total"
|
||||
:pager-count="3"
|
||||
:page-size="data.pagination.pageSize"
|
||||
:total="data.pagination.total"
|
||||
:current-page="data.pagination.current"
|
||||
@current-change="handlePagination"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref, reactive } from "vue";
|
||||
import { useRouter, useRoute } from "vue-router";
|
||||
import { ElMessage } from "element-plus";
|
||||
import http from "@/utils/request.js";
|
||||
import { Search } from "@element-plus/icons-vue";
|
||||
const router = useRouter();
|
||||
const routers = useRoute();
|
||||
|
||||
var titleList = reactive([
|
||||
{
|
||||
title: "服务项目(未完成)",
|
||||
id: 1,
|
||||
},
|
||||
{
|
||||
title: "在册低保户",
|
||||
id: 2,
|
||||
},
|
||||
{
|
||||
title: "在册低保人员",
|
||||
id: 3,
|
||||
},
|
||||
{
|
||||
title: "新增低保人员",
|
||||
id: 4,
|
||||
},
|
||||
{
|
||||
title: "退出低保人员",
|
||||
id: 5,
|
||||
},
|
||||
]);
|
||||
const data = reactive({
|
||||
code: "",
|
||||
xh: "",
|
||||
bm: "",
|
||||
url: "",
|
||||
msgId: "",
|
||||
// msgId: "26286d1561e897cbf3ee47c949de85ae",
|
||||
pagination: {
|
||||
current: 1,
|
||||
pageSize: 20,
|
||||
total: 0,
|
||||
},
|
||||
columns: [],
|
||||
tableData: [],
|
||||
});
|
||||
//页面配置(输入框还未配置)
|
||||
/**
|
||||
* @col 为每个标题对应的表格配置
|
||||
*/
|
||||
const columnsList = reactive({
|
||||
最低生活保障: {
|
||||
titleList: [
|
||||
{
|
||||
title: "服务项目(未完成)",
|
||||
id: 1,
|
||||
col: "columns",
|
||||
url: "/api/ggfwyth/pg/wxsbmRyxx",
|
||||
},
|
||||
{
|
||||
title: "在册低保户",
|
||||
id: 2,
|
||||
col: "columns",
|
||||
url: "/api/ggfwyth/pg/wxsbmRyxx",
|
||||
},
|
||||
{
|
||||
title: "在册低保人员",
|
||||
id: 3,
|
||||
col: "columns2",
|
||||
url: "/api/ggfwyth/pg/zcdbry",
|
||||
},
|
||||
{
|
||||
title: "新增低保人员",
|
||||
id: 4,
|
||||
col: "columns",
|
||||
url: "/api/ggfwyth/pg/wxsbmRyxx",
|
||||
},
|
||||
{
|
||||
title: "退出低保人员",
|
||||
id: 5,
|
||||
col: "columns",
|
||||
url: "/api/ggfwyth/pg/wxsbmRyxx",
|
||||
},
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
label: "序号",
|
||||
property: "index",
|
||||
width: "60",
|
||||
fixed: "left",
|
||||
},
|
||||
{
|
||||
label: "姓名",
|
||||
property: "xm",
|
||||
width: "70",
|
||||
fixed: "left",
|
||||
},
|
||||
{
|
||||
label: "身份证",
|
||||
property: "sfzhm",
|
||||
width: "170",
|
||||
},
|
||||
{
|
||||
label: "低保证号",
|
||||
property: "jzzh",
|
||||
width: "210",
|
||||
},
|
||||
{
|
||||
label: "联系电话",
|
||||
property: "sjhm",
|
||||
width: "120",
|
||||
},
|
||||
{
|
||||
label: "乡镇(街道)",
|
||||
property: "xzjd",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "村社",
|
||||
property: "csq",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "地址",
|
||||
property: "dz",
|
||||
},
|
||||
{
|
||||
label: "救助日期",
|
||||
property: "jzrq",
|
||||
width: "100",
|
||||
},
|
||||
|
||||
{
|
||||
label: "事项",
|
||||
property: "item",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "推送时间",
|
||||
property: "sendTime",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "接收人",
|
||||
property: "adminName",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "处置时间",
|
||||
property: "disposalTime",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "完成时间",
|
||||
property: "completionTime",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "推送次数",
|
||||
property: "num",
|
||||
width: "110",
|
||||
},
|
||||
{
|
||||
label: "是否符合条件",
|
||||
type: "slot",
|
||||
property: "eligible",
|
||||
width: "110",
|
||||
},
|
||||
],
|
||||
columns2: [
|
||||
{
|
||||
label: "序号",
|
||||
property: "index",
|
||||
width: "60",
|
||||
fixed: "left",
|
||||
},
|
||||
{
|
||||
label: "姓名",
|
||||
property: "ahap0016",
|
||||
width: "70",
|
||||
fixed: "left",
|
||||
},
|
||||
{
|
||||
label: "身份证",
|
||||
property: "ahap0015",
|
||||
width: "170",
|
||||
},
|
||||
{
|
||||
label: "低保证号",
|
||||
property: "ahax0003",
|
||||
width: "210",
|
||||
},
|
||||
{
|
||||
label: "联系电话",
|
||||
property: "azdf0011",
|
||||
width: "170",
|
||||
},
|
||||
{
|
||||
label: "乡镇(街道)",
|
||||
property: "xzjd",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "村社",
|
||||
property: "csq",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "地址",
|
||||
property: "dz",
|
||||
},
|
||||
{
|
||||
label: "救助日期",
|
||||
property: "bhax0033",
|
||||
width: "100",
|
||||
},
|
||||
],
|
||||
},
|
||||
职工医疗保险: {
|
||||
titleList: [
|
||||
{
|
||||
title: "服务项目(未完成)",
|
||||
id: 1,
|
||||
col: "columns",
|
||||
},
|
||||
],
|
||||
columns: [
|
||||
{
|
||||
label: "序号",
|
||||
property: "index",
|
||||
width: "60",
|
||||
},
|
||||
{
|
||||
label: "姓名",
|
||||
property: "xm",
|
||||
width: "70",
|
||||
},
|
||||
{
|
||||
label: "身份证",
|
||||
property: "sfzhm",
|
||||
width: "170",
|
||||
},
|
||||
{
|
||||
label: "联系电话",
|
||||
property: "sjhm",
|
||||
width: "120",
|
||||
},
|
||||
{
|
||||
label: "乡镇(街道)",
|
||||
property: "xzjd",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "村社",
|
||||
property: "cs",
|
||||
width: "100",
|
||||
},
|
||||
{
|
||||
label: "地址",
|
||||
property: "dz",
|
||||
},
|
||||
],
|
||||
},
|
||||
});
|
||||
|
||||
const personDetails = () => {
|
||||
http
|
||||
.get(
|
||||
`/api/ggfwyth/pg/pushSendRecord?bm=${data.bm}&xh=${data.xh}&size=${data.pagination.pageSize}&page=${data.pagination.current}`
|
||||
)
|
||||
.then((res) => {
|
||||
if (res.code == 200) {
|
||||
data.tableData = res.data;
|
||||
data.pagination.total = res.count;
|
||||
const currentPage = data.pagination.current; // 当前页数
|
||||
const pageSize = data.pagination.pageSize; // 每页显示的条数
|
||||
data.tableData = res.data.map((item) => {
|
||||
// 提取 jzrq 中的日期部分
|
||||
if (item.jzrq) {
|
||||
item.jzrq = item.jzrq.split("T")[0]; // 截取日期部分
|
||||
}
|
||||
return item;
|
||||
});
|
||||
|
||||
// 为每条数据添加 index 属性，叠加当前页的偏移量
|
||||
res.data.forEach((item, index) => {
|
||||
item.index = index + 1 + (currentPage - 1) * pageSize;
|
||||
});
|
||||
// console.log(2222222222, data.tableData);
|
||||
} else {
|
||||
ElMessage.warning({
|
||||
message: res.message,
|
||||
});
|
||||
router.replace({
|
||||
path: "/error/403",
|
||||
});
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
const handlePagination = (currentPage) => {
|
||||
data.pagination.current = currentPage;
|
||||
personDetails();
|
||||
};
|
||||
|
||||
onMounted(() => {
|
||||
// data.tableData = JSON.parse(routers.query.personDetails);
|
||||
data.xh = routers.query.xh;
|
||||
data.bm = routers.query.bm;
|
||||
data.msgId = routers.query.msgId;
|
||||
data.url = columnsList["最低生活保障"].titleList[0].url;
|
||||
data.columns = columnsList["最低生活保障"][columnsList["最低生活保障"].titleList[0].col];
|
||||
titleList = columnsList["最低生活保障"].titleList;
|
||||
personDetails();
|
||||
});
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.tablebody {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: auto;
|
||||
padding: 6px 10px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.tableCss {
|
||||
width: 100%;
|
||||
height: calc(100vh - 14px);
|
||||
overflow: auto;
|
||||
box-shadow: 0 0 3px 3px rgb(204 204 204 / 50%);
|
||||
//阴影
|
||||
}
|
||||
.pagePart {
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-top: 8px;
|
||||
}
|
||||
}
|
||||
:deep(.el-input-group__append button.el-button) {
|
||||
background-color: #0091ff;
|
||||
color: #fff;
|
||||
font-size: 18px;
|
||||
border: none;
|
||||
}
|
||||
:deep(.el-table__body tr.hover-row > td.el-table__cell) {
|
||||
background-color: rgba(45, 98, 244, 1);
|
||||
}
|
||||
</style>
|
||||
|
|
@ -886,6 +886,13 @@ const handlePagination1 = (currentPage) => {
|
|||
};
|
||||
onMounted(() => {
|
||||
// data.tableData = JSON.parse(routers.query.personDetails);
|
||||
window.location.href =
|
||||
"taurusabc://taurusclient/page/link?url=" +
|
||||
window.location.href +
|
||||
"&container_type=ddtab";
|
||||
|
||||
console.log( window.location.href);
|
||||
|
||||
data.xh = routers.query.xh;
|
||||
data.bm = routers.query.bm;
|
||||
data.msgId = routers.query.msgId;
|
||||
|
|
|
|||
|
|
@ -229,7 +229,7 @@ const goto = (val) => {
|
|||
// message: `${val.name}暂无数据!`,
|
||||
// offset: 100, // 距离窗口顶部的偏移量
|
||||
// });
|
||||
}
|
||||
// }
|
||||
};
|
||||
|
||||
const data = reactive({
|
||||
|
|
|
|||
Loading…
Reference in New Issue