This commit is contained in:
duanxiaohai 2024-09-12 10:39:52 +08:00
parent bb4ef50c88
commit 6818873d4a
4 changed files with 121 additions and 185 deletions

View File

@ -68,7 +68,7 @@
<template v-for="item in data.columns" :key="item.label">
<el-table-column
v-if="item.type === 'slot'"
:show-overflow-tooltip="true"
:label="item.label"
:property="item.property"
:width="item.width || ''"

View File

@ -11,7 +11,7 @@
</div>
</div>
</div>
<div style="width: 97.5%; position: relative" >
<div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div>
<el-table
border
@ -69,7 +69,7 @@
</div>
</div>
</div>
<div style="width: 97.5%; position: relative" >
<div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div>
<el-table
border
@ -191,7 +191,7 @@
<!-- <div v-else class="text_1">未享受对象</div> -->
</div>
</div>
<div style="width: 97.5%; position: relative" >
<div style="width: 97.5%; position: relative">
<div class="backgroundVirtual"></div>
<el-table
border
@ -214,15 +214,15 @@
<template #default="scope">
<!-- 姓名 -->
<div v-if="item.property == 'xm'">
<div @click="handleRowClick(scope.row)">
<div >
{{ scope.row.xm }}
</div>
</div>
<div v-if="item.property == 'fullName'">
<!-- <div v-if="item.property == 'fullName'">
<div @click="handleRowClick(scope.row)">
{{ scope.row.fullName }}
</div>
</div>
</div> -->
<!-- 状态 -->
<div v-if="item.property == 'zt'">
<div v-for="index in 3" :key="index">
@ -361,7 +361,7 @@ const formData = reactive({
column_2: [
{
label: "姓名",
property: "fullName",
property: "xm",
width: "90",
type: "slot",
},
@ -374,16 +374,16 @@ const formData = reactive({
},
{
label: "地址",
property: "address",
property: "dz",
},
{
label: "年龄",
property: "age",
property: "nl",
width: "60",
},
{
label: "人口标签",
property: "PopulationLabel",
property: "bq",
},
],
column_3: [
@ -649,105 +649,52 @@ const formData = reactive({
resultsList: [],
tableData2: [
{
fullName: "伍*凤",
zt: 1,
address: "衢州市龙游县模******居民委员会",
age: "46",
PopulationLabel: "收入型低保",
xm: "叶*星",
zt: 3,
dz: "浙江省龙游县东华街道******",
nl: "43",
bq: "低保救助",
sfzhm: "281889",
},
{
fullName: "伍*凤",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "46",
PopulationLabel: "收入型低保",
sfzhm: "281889",
},
{
fullName: "伍*凤",
xm: "洪宝珠",
zt: 3,
address: "衢州市龙游县模******居民委员会",
age: "46",
PopulationLabel: "收入型低保",
sfzhm: "281889",
dz: "浙江省龙游县东华街道******",
nl: "54",
bq: "低保救助",
sfzhm: null,
},
{
fullName: "吴*琴",
zt: 1,
address: "龙游户籍的公民...",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 1,
address: "龙游户籍的公民...",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 1,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
zt: 2,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
},
{
fullName: "吴*琴",
xm: "舒洪珍",
zt: 3,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
dz: "衢州市龙游县詹家镇******",
nl: "43",
bq: "低保救助",
sfzhm: null,
},
{
fullName: "吴*琴",
xm: "周小军",
zt: 3,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
dz: "衢州市龙游县小南海镇******",
nl: "48",
bq: "低保救助",
sfzhm: null,
},
{
fullName: "吴*琴",
xm: "莫东明",
zt: 3,
address: "衢州市龙游县模******居民委员会",
age: "57",
PopulationLabel: "自主申报",
dz: "衢州市龙游县湖镇镇******",
nl: "55",
bq: "低保救助",
sfzhm: null,
},
{
xm: "张于新",
zt: 3,
dz: "浙江省龙游县湖镇镇******",
nl: "39",
bq: "低保救助",
sfzhm: null,
},
],
tableData3: [
@ -2289,11 +2236,16 @@ const handlePagination1 = (val) => {
data.pagedData = data.tableData1.slice(startIndex, endIndex);
};
const handlePagination2 = (current) => {
console.log('页数',current);
pagination2.currentPage = current;
switch (data.name) {
case "最低生活保障":
// getTable(pagination);
pagination2.url = "/api/ggfwyth/pg/shjzShbz";//
getTable3(pagination2);
break;
case "老年人福利补贴":
getServiceList(pagination2, 0);
@ -2385,6 +2337,7 @@ const lampScreen = (val, val2) => {
return;
}
selectedLamp.value = val;
console.log('绿灯',val2);
const filteredData = val2.filter((element) => element.zt === val);
data.tableData2 = filteredData;
@ -2418,49 +2371,7 @@ const tableType = reactive({
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);
@ -2470,7 +2381,7 @@ const statusDetails = (val) => {
data.identNo = val.sfzhm;
if (data.identNo == null) {
ElMessage.warning({
message: `${val.fullName}无id!`,
message: `${val.xm}无id!`,
offset: 100, //
});
} else {
@ -2479,8 +2390,8 @@ const statusDetails = (val) => {
pagination3.total = formData.dbTableData.tableData3.length;
tableType.character = {
...val,
xm: val.fullName,
dz: val.address,
age: val.nl,
// dz: val.address,
titleName: formData.name,
};
dialogShow.value = true;
@ -2592,6 +2503,26 @@ const getTable1 = (pagination) => {
}
});
};
const getTable3 = (pagination) => {
http
.get(
`${pagination.url}?page=${pagination.currentPage}&size=${pagination.pageSize}`
)
.then((res) => {
if (res.code == 200) {
data.tableData2 = res.data;
data.tableData2 = res.data.map((item) => {
return {
...item,
zt: 1,
};
});
pagination2.total = res.count - 6;
// lampScreen(1, data.tableData2);
}
});
};
/**
* 服务清单
@ -2625,7 +2556,7 @@ const handleRowClick = (row) => {
data.identNo = row.sfzhm;
if (data.identNo == null) {
ElMessage.warning({
message: `${row.fullName}无id!`,
message: `${row.xm}无id!`,
offset: 100, //
});
} else {
@ -2696,6 +2627,7 @@ const handleRowClick = (row) => {
}
};
const updateFormDataAndTable = (formDataName, tableData) => {
formData.name = formDataName;
data.columns = tableData.columns;
data.column_1 = tableData.column_1;
@ -2703,12 +2635,15 @@ const updateFormDataAndTable = (formDataName, tableData) => {
data.tableData = tableData.resultsList;
data.tableData1 = tableData.tableData;
data.tableData2 = tableData.tableData2; //
data.tableData3 = tableData.tableData2; //
data.tableData3 = tableData.tableData2; //
pagination1.total = tableData.tableData.length;
handleCurrentChange(1);
if(formDataName == "低保"){
return
}
// console.log(6666, data.tableData2);
lampScreen(1, data.tableData3);
handleCurrentChange(1);
};
const listAssignment = () => {
@ -2722,6 +2657,8 @@ const listAssignment = () => {
// data.tableData2 = formData.dbTableData.resultsList;
pagination.url = "/api/ggfwyth/pg/shjzShbz";
getTable(pagination);
getTable3(pagination);
break;
case "老年人福利补贴":
data.tabelshow = false;
@ -2760,7 +2697,7 @@ const listAssignment = () => {
}
};
onMounted(() => {
// tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
if (routers.query.name) {
data.name = routers.query.name;
listAssignment();
@ -3278,38 +3215,37 @@ onMounted(() => {
<style lang="scss" scoped>
//
:deep(.el-pagination > .is-last) {
color: #fff !important ;
}
:deep(.el-pagination.is-background .el-pager li) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
margin: 0;
}
:deep(.el-pagination.is-background .el-pager li.is-active) {
background: rgba(0, 144, 255, 0.49);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-prev:disabled) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-next:disabled) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-prev) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-next) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination > .is-last) {
color: #fff !important ;
}
:deep(.el-pagination.is-background .el-pager li) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
margin: 0;
}
:deep(.el-pagination.is-background .el-pager li.is-active) {
background: rgba(0, 144, 255, 0.49);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-prev:disabled) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-next:disabled) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-prev) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
:deep(.el-pagination.is-background .btn-next) {
color: #fff;
background: rgba(255, 255, 255, 0.14);
border: 1px solid #6bade1;
}
</style>

View File

@ -676,7 +676,7 @@ const sevenYX = (name) => {
};
onMounted(() => {
// tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
tools.data.set("token", "6b0e380b4a8f46baae4923f83faf670d");
if (localStorage.getItem("taps1") !== undefined) {
data.tapbody = JSON.parse(localStorage.getItem("taps1"));

View File

@ -15,8 +15,8 @@ export default defineConfig({
// 第一个代理
"/api": {
// 匹配到啥来进行方向代理
target: "http://10.0.0.65:8095/", //刘进
// target: "http://220.191.238.50:996/", //线上
// target: "http://10.0.0.65:8095/", //刘进
target: "http://220.191.238.50:996/", //线上
changeOrigin: true, //是否支持跨域
//rewrite: (path) => path.replace(/^\/api/, '') // 如果不需要api 直接把路径上的api 替换成空,这个
},