This commit is contained in:
duanxiaohai 2024-11-20 10:03:20 +08:00
parent f443fa989a
commit d2d6d2ab66
2 changed files with 72 additions and 34 deletions

View File

@ -73,17 +73,12 @@
</div>
</div>
<div class="operationConten">
<div class="progress">
<!-- <div>{{ data.title[0].menu }}</div> -->
<!-- <div class="progress">
<div>{{ data.content.bt }}</div>
</div>
</div> -->
<div class="stepsa">
<div class="stepsb">
<el-steps
style="max-width: 600px"
align-center
:active="data.active"
>
<el-steps align-center :active="data.active">
<el-step
v-for="item in data.stepdata"
:key="item.title"
@ -160,7 +155,7 @@ const data = reactive({
description: "推送时间: 2024.9.15",
},
{
title: "业务处理时间",
title: "业务受理情况",
description: "受理日期: 2024.9.16",
},
{
@ -172,7 +167,7 @@ const data = reactive({
const titleshow = ref(false);
const onMenu = (val, index) => {
console.log(val, index);
// console.log(val, index);
// data.menu = val;
data.menu.forEach((element) => {
element.show = false;
@ -205,17 +200,18 @@ watch(
data.menu = props.menu;
data.title = props.title;
data.content = props.tableData;
console.log(11, data.menu, data.content);
// console.log(11, data.menu, data.content);
data.menu[0].show = true;
// if (data.content == "") {
// let data1 = `XXXX \n`;
// }
if (!data.content.show) {
// data.stepdata[1].description = "2024.9.16";
// data.content.yw = data.menu[0].property;
// data.content.fzr = data.menu[0].yw;
data.stepdata[0].description = `推送时间2024.9.15`;
data.stepdata[1].description = `业务单位:${data.menu[0].yw} \n 业务负责人:${data.menu[0].property} \n 受理日期2024.9.16`;
data.stepdata[2].description = `办结时间2024.10.16`;
data.stepdata[1].description = `业务单位:${data.menu[0].yw} \n 业务负责人:${data.menu[0].property}\n 受理日期2024.9.16`;
data.stepdata[2].description = `${data.content.name}办结时间2024.10.16`;
}
}
}
@ -237,7 +233,7 @@ const closeDialog = () => {
<style lang="scss" scoped>
:deep(.el-dialog) {
--el-dialog-bg-color: none;
--el-dialog-width: 52% !important;
--el-dialog-width: 80% !important;
}
.my-header {
@ -342,7 +338,7 @@ const closeDialog = () => {
box-sizing: border-box;
border-radius: 4px;
color: #ffffff;
font-size: 16px;
font-size: 18px;
font-weight: 500;
font-family: PingFangSC, PingFang SC;
// padding: 2px 10px;
@ -353,8 +349,12 @@ const closeDialog = () => {
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
padding: 0 6px;
padding: 0 10px;
// display: flex;
span{
font-size: 18px;
font-weight: 500;
}
}
.item_content:hover {
background-image: url(@/assets/images/sy_details_LC/fwlc2.png);
@ -404,7 +404,7 @@ const closeDialog = () => {
}
}
.conten {
width: 98%;
width: 100%;
display: flex;
// justify-content: center;
justify-content: space-around;
@ -425,7 +425,7 @@ const closeDialog = () => {
}
}
.operationConten {
width: 846px;
width: 1300px;
// width: 100%;
height: 249px;
flex-direction: column;
@ -448,13 +448,13 @@ const closeDialog = () => {
}
}
.stepsa {
width: 846px;
// width: 846px;
text-align: center;
// display: flex;
// justify-content: center;
.stepsb {
width: 100%;
margin-left: 14%;
// margin-left: 14%;
}
}
}
@ -475,11 +475,26 @@ const closeDialog = () => {
:deep(.el-step__main) {
color: #ffffff;
}
:deep(.el-step.is-center .el-step__main) {
min-width: 410px;
font-size: 17px !important;
}
:deep(.el-step__description) {
white-space: pre-line; /* 支持 \n 自动换行 */
line-height: 1.5;
color: #ffffff;
font-size: 18px !important;
}
:deep(.el-step__title) {
font-size: 23px !important;
font-weight: 500;
}
:deep(.el-step.is-center .el-step__description) {
padding-left: 0px !important;
padding-right: 0px !important;
}
.yd_title {
box-sizing: border-box;
width: 98%;

View File

@ -615,6 +615,7 @@ const Process = reactive({
fzr: "杨*",
bt: "1/6 低保金",
show: true, //
name: "",
},
menu: [
// {
@ -843,15 +844,6 @@ const closeProcess = () => {
//
const openLC = (val) => {
data.identNo = val.sfzhm;
// if (
// data.name == "" ||
// data.name == "" ||
// data.name == ""
// ) {
// Process.data.show = false;
// } else {
// Process.data.show = true;
// }
http
.get(
@ -908,6 +900,7 @@ const openLC = (val) => {
// console.log(data.name);
Process.data.show = false;
Process.data.bt = data.name;
// res.data.ysx.forEach((item, index) => {
// Process.menu.push({
// label: item.bzlx,
@ -916,7 +909,7 @@ const openLC = (val) => {
// show: false,
// });
// });
res.data.wxs.forEach((item, index) => {
res.data.wxs.forEach((item, index) => {
Process.menu.push({
label: item.bzlx,
property: maskYwfzr(item.ywfzr),
@ -925,12 +918,42 @@ const openLC = (val) => {
});
});
dialogShowProcess.value = true;
} else if (data.name == "城乡居民基本医疗保险") {
// console.log(data.name);
Process.data.show = false;
Process.data.bt = data.name;
// if (val.sfzhm == 339655) {
// Process.data.name =
// " \n165250.359900 \n";
// } else if (val.sfzhm == 345797) {
// Process.data.name =
// "\n50569.355330.52 \n";
// } else if (val.sfzhm == 59715) {
// Process.data.name =
// " \n72308.796130 \n";
// } else if (val.sfzhm == 259384) {
// Process.data.name =
// " \n82337.199900 \n";
// } else if (val.sfzhm == 364099) {
// Process.data.name =
// " \n60668.461532.91 \n";
// } else if (val.sfzhm == 37083) {
// Process.data.name =
// " \n76284.159900 \n";
// }
const rescueData = {
339655: "符合救助条件 \n自付金额165250.35元已临时救助9900元 \n",
345797: "符合救助条件 \n自付金额50569.35元已临时救助5330.52元 \n",
59715: "符合救助条件 \n自付金额72308.79元已临时救助6130元 \n",
259384: "符合救助条件 \n自付金额82337.19元已临时救助9900元 \n",
364099: "符合救助条件 \n自付金额60668.46元已临时救助1532.91元 \n",
37083: "符合救助条件 \n自付金额76284.15元已临时救助9900元 \n",
};
if (rescueData[val.sfzhm]) {
Process.data.name = rescueData[val.sfzhm];
}
res.data.ysx.forEach((item, index) => {
Process.menu.push({
label: item.bzlx,