This commit is contained in:
duanxiaohai 2024-11-19 20:24:12 +08:00
parent 4942aaa192
commit 672db4fbd6
2 changed files with 104 additions and 91 deletions

View File

@ -85,9 +85,13 @@
> >
<el-step <el-step
v-for="item in data.stepdata" v-for="item in data.stepdata"
:key="item.title"
:title="item.title" :title="item.title"
:description="item.description" :description="item.description"
/> />
<!-- <template #description>
<div v-html="item.description"></div>
</template> -->
</el-steps> </el-steps>
</div> </div>
</div> </div>
@ -135,9 +139,9 @@ const props = defineProps({
}, },
}, },
menu: { menu: {
type: Array, type: String,
default: () => { default: () => {
return []; return "";
}, },
}, },
}); });
@ -148,10 +152,10 @@ const data = reactive({
active: 3, active: 3,
title: "", title: "",
content: {}, content: {},
menu: [], menu: {},
stepdata: [ stepdata: [
{ {
title: "推送时间", title: "预警推送",
description: "2024.9.15", description: "2024.9.15",
}, },
{ {
@ -159,7 +163,7 @@ const data = reactive({
description: " 2024.9.16", description: " 2024.9.16",
}, },
{ {
title: "办结时间", title: "办结结果",
description: " 2024.10.16", description: " 2024.10.16",
}, },
], ],
@ -175,30 +179,29 @@ const onMenu = (val) => {
watch( watch(
() => props.dialogShow, () => props.dialogShow,
(newVal, oldVal) => { (newVal, oldVal) => {
// console.log(222);
dialogShow.value = newVal; dialogShow.value = newVal;
if (newVal == true) {
data.menu.length = 0;
if (newVal == true) {
// data.menu.length = 0;
data.menu = props.menu; data.menu = props.menu;
data.title = props.title; data.title = props.title;
data.content = props.tableData; data.content = props.tableData;
console.log(11, typeof data.menu, data.content, typeof props.menu); console.log(11, data.menu, data.content);
if (!data.content.show) { if (!data.content.show) {
// data.stepdata[1].description = "2024.9.16"; // data.stepdata[1].description = "2024.9.16";
data.content.yw = data.menu[0].property; // data.content.yw = data.menu[0].property;
data.content.fzr = data.menu[0].yw; // data.content.fzr = data.menu[0].yw;
console.log( console.log(
22, 22,
data.menu[0], data.menu[0]
typeof data.menu, // typeof data.menu,
typeof data.menu[0], // typeof data.menu[0],
data.menu[0].yw // data.menu[0].yw
); );
data.stepdata[0].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 推送时间2024.9.15`; data.stepdata[0].description = `推送时间2024.9.15`;
data.stepdata[1].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 受理日期2024.9.16`; data.stepdata[1].description = `业务单位:${data.menu[0].yw} \n 业务负责人:${data.menu[0].property} \n 受理日期2024.9.16`;
data.stepdata[2].description = `业务单位:${data.menu[0].yw}-业务负责人:${data.menu[0].property} 办结时间2024.10.16`; data.stepdata[2].description = `办结时间2024.10.16`;
} }
} }
} }
@ -328,7 +331,7 @@ const closeDialog = () => {
font-weight: 500; font-weight: 500;
font-family: PingFangSC, PingFang SC; font-family: PingFangSC, PingFang SC;
// padding: 2px 10px; // padding: 2px 10px;
min-width: 163px; min-width: 177px;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
background-image: url(@/assets/images/sy_details_LC/fwlc1.png); background-image: url(@/assets/images/sy_details_LC/fwlc1.png);
@ -439,7 +442,11 @@ const closeDialog = () => {
:deep(.el-step__main) { :deep(.el-step__main) {
color: #ffffff; color: #ffffff;
} }
:deep(.el-step__description) {
white-space: pre-line; /* 支持 \n 自动换行 */
line-height: 1.5;
color: #ffffff;
}
.yd_title { .yd_title {
box-sizing: border-box; box-sizing: border-box;
width: 98%; width: 98%;

View File

@ -617,36 +617,36 @@ const Process = reactive({
show: true, // show: true, //
}, },
menu: [ menu: [
{ // {
label: "低保金", // label: "",
property: "杨*", // property: "*",
yw: "民政局-社会救助科", // yw: "-",
show: true, // show: true,
}, // },
{ // {
label: "低保水费减免", // label: "",
property: "", // property: "",
yw: "民政局-社会救助科", // yw: "-",
show: false, // show: false,
}, // },
{ // {
label: "低保电费减免", // label: "",
yw: "民政局-社会救助科", // yw: "-",
property: "", // property: "",
show: false, // show: false,
}, // },
{ // {
label: "低保有线电视减免", // label: "线",
yw: "民政局-社会救助科", // yw: "-",
property: "", // property: "",
show: false, // show: false,
}, // },
{ // {
label: "残疾人补贴", // label: "",
yw: "民政局-社会救助科", // yw: "-",
property: "", // property: "",
show: false, // show: false,
}, // },
], ],
}); });
const sfType = reactive({ const sfType = reactive({
@ -842,33 +842,17 @@ const closeProcess = () => {
}; };
// //
const openLC = (val) => { const openLC = (val) => {
// Process.menu = [];
// console.log(666,val);
data.identNo = val.sfzhm; data.identNo = val.sfzhm;
if (data.name == "最低生活保障") { // if (
// Process.data.bt = data.name; // data.name == "" ||
} else { // data.name == "" ||
Process.data.yw = "医保局-龙游县医疗保障事业管理中心"; // data.name == ""
Process.data.fzr = "周*珊,伊*田,杨**"; // ) {
Process.data.bt = data.name; // Process.data.show = false;
Process.menu = [ // } else {
{ // Process.data.show = true;
label: data.name, // }
property: "index",
show: false,
},
];
}
if (
data.name == "最低生活保障" ||
data.name == "职工基本医疗保险" ||
data.name == "城乡居民基本医疗保险"
) {
Process.data.show = false;
} else {
Process.data.show = true;
}
dialogShowProcess.value = true;
http http
.get( .get(
`/api/ggfwyth/pg/fwjgqdxq?sfzhm=${data.identNo}&xh=${routers.query.xh}` `/api/ggfwyth/pg/fwjgqdxq?sfzhm=${data.identNo}&xh=${routers.query.xh}`
@ -907,28 +891,50 @@ const openLC = (val) => {
.join(", "); .join(", ");
} }
} }
Process.menu = [];
if (data.name == "最低生活保障") { if (data.name == "最低生活保障") {
Process.data.show = false;
res.data.ysx.forEach((item, index) => { res.data.ysx.forEach((item, index) => {
if (Process.menu[index]) { Process.menu.push({
Process.menu[index].label = item.bzlx; label: item.bzlx,
Process.menu[index].property = maskYwfzr(item.ywfzr); property: maskYwfzr(item.ywfzr),
Process.menu[index].yw = `${item.qtbm}-${item.zrks}`; yw: `${item.qtbm}-${item.zrks}`,
} show: false,
}); });
});
console.log(888, Process.menu);
dialogShowProcess.value = true;
} else if ( } else if (
data.name == "职工基本医疗保险" || data.name == "职工基本医疗保险" ||
data.name == "城乡居民基本医疗保险" data.name == "城乡居民基本医疗保险"
) { ) {
console.log(666); console.log(data.name);
res.data.wxs.forEach((item, index) => { Process.data.show = false;
if (Process.menu[index]) { Process.data.bt = data.name;
Process.menu[index].label = item.bzlx; res.data.ysx.forEach((item, index) => {
Process.menu[index].property = maskYwfzr(item.ywfzr); Process.menu.push({
Process.menu[index].yw = `${item.qtbm}-${item.zrks}`; label: item.bzlx,
} property: maskYwfzr(item.ywfzr),
yw: `${item.qtbm}-${item.zrks}`,
show: false,
}); });
});
dialogShowProcess.value = true;
// res.data.wxs.forEach((item, index) => {
// Process.menu.push({
// label: item.bzlx,
// property: maskYwfzr(item.ywfzr),
// yw: `${item.qtbm}-${item.zrks}`,
// show: true,
// });
// });
} else {
Process.data.show = true;
Process.data.yw = "医保局-龙游县医疗保障事业管理中心";
Process.data.fzr = "周*珊,伊*田,杨**";
Process.data.bt = data.name;
dialogShowProcess.value = true;
} }
} }
}); });
}; };