This commit is contained in:
duanxiaohai
parent
d374a84a84
commit
717aaee91c
|
|
@ -61,6 +61,11 @@ const router = createRouter({
|
||||||
path: "/person/rwTable",
|
path: "/person/rwTable",
|
||||||
component: () => import("../view/person/rwTable.vue"),
|
component: () => import("../view/person/rwTable.vue"),
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "人员推送详情",
|
||||||
|
path: "/person/pushRecords",
|
||||||
|
component: () => import("../view/person/pushRecords.vue"),
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: "/home",
|
path: "/home",
|
||||||
component: () => import("../view/home.vue"),
|
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(() => {
|
onMounted(() => {
|
||||||
// data.tableData = JSON.parse(routers.query.personDetails);
|
// 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.xh = routers.query.xh;
|
||||||
data.bm = routers.query.bm;
|
data.bm = routers.query.bm;
|
||||||
data.msgId = routers.query.msgId;
|
data.msgId = routers.query.msgId;
|
||||||
|
|
|
||||||
|
|
@ -229,7 +229,7 @@ const goto = (val) => {
|
||||||
// message: `${val.name}暂无数据!`,
|
// message: `${val.name}暂无数据!`,
|
||||||
// offset: 100, // 距离窗口顶部的偏移量
|
// offset: 100, // 距离窗口顶部的偏移量
|
||||||
// });
|
// });
|
||||||
}
|
// }
|
||||||
};
|
};
|
||||||
|
|
||||||
const data = reactive({
|
const data = reactive({
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue