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

View File

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

View File

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

View File

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