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

View File

@ -615,6 +615,7 @@ const Process = reactive({
fzr: "杨*", fzr: "杨*",
bt: "1/6 低保金", bt: "1/6 低保金",
show: true, // show: true, //
name: "",
}, },
menu: [ menu: [
// { // {
@ -843,15 +844,6 @@ const closeProcess = () => {
// //
const openLC = (val) => { const openLC = (val) => {
data.identNo = val.sfzhm; data.identNo = val.sfzhm;
// if (
// data.name == "" ||
// data.name == "" ||
// data.name == ""
// ) {
// Process.data.show = false;
// } else {
// Process.data.show = true;
// }
http http
.get( .get(
@ -908,6 +900,7 @@ const openLC = (val) => {
// console.log(data.name); // console.log(data.name);
Process.data.show = false; Process.data.show = false;
Process.data.bt = data.name; Process.data.bt = data.name;
// res.data.ysx.forEach((item, index) => { // res.data.ysx.forEach((item, index) => {
// Process.menu.push({ // Process.menu.push({
// label: item.bzlx, // label: item.bzlx,
@ -925,12 +918,42 @@ const openLC = (val) => {
}); });
}); });
dialogShowProcess.value = true; dialogShowProcess.value = true;
} else if (data.name == "城乡居民基本医疗保险") { } else if (data.name == "城乡居民基本医疗保险") {
// console.log(data.name); // console.log(data.name);
Process.data.show = false; Process.data.show = false;
Process.data.bt = data.name; 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) => { res.data.ysx.forEach((item, index) => {
Process.menu.push({ Process.menu.push({
label: item.bzlx, label: item.bzlx,