This commit is contained in:
duanxiaohai 2024-11-19 10:44:02 +08:00
parent aeb3b5c9b3
commit 0ab1d39602
3 changed files with 44 additions and 19 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -51,8 +51,13 @@
<div class="item">
<div class="arrowl"></div>
<div class="contenta">
<div class="item_content" v-for="item in data.menu">
{{ item.label }}
<div
class="item_content"
:class="item_contentBJ ? item.show : ''"
v-for="item in data.menu"
@click="onMenu(item)"
>
<span>{{ item.label }}</span>
</div>
</div>
<div class="arrowr"></div>
@ -61,31 +66,33 @@
<div class="operationFlow">
<div class="titles">
<div class="titlea">
业务单位<span>医保局-龙游县医疗保障事业管理中心</span>
业务单位<span>{{ data.content.yw }}</span>
</div>
<div class="titlea">
业务负责人<span>{{ data.content.fzr }}</span>
</div>
<div class="titlea">业务负责人<span>****</span></div>
</div>
<div class="operationConten">
<div class="progress">
<!-- <div>1/6 低保金</div> -->
<div>{{data.menu[0].label }}</div>
<!-- <div>{{ data.title[0].menu }}</div> -->
<div>{{ data.content.bt }}</div>
</div>
<div class="stepsa">
<div class="stepsb">
<el-steps style="max-width: 600px" align-center :active="1">
<el-step
title="推送时间"
description="2024.11.1 12:00"
description="2024.9.15 12:00"
:icon="Edit"
/>
<el-step
title="业务处理时间"
description="2024.11.2 12:00"
description="2024.9.16 12:00"
:icon="Upload"
/>
<el-step
title="办结时间"
description=" 2024.12 15:00"
description=" 2024.10.16 15:00"
:icon="Picture"
/>
</el-steps>
@ -156,6 +163,11 @@ const data = reactive({
menu: {},
});
const onMenu = (val) => {
console.log(val);
// data.menu = val;
};
//
watch(
() => props.dialogShow,
@ -166,7 +178,7 @@ watch(
data.title = props.title;
data.content = props.tableData;
data.menu = props.menu;
// console.log(11,data.menu);
console.log(11,data.menu,data.content);
}
}
);
@ -177,8 +189,6 @@ onMounted(() => {
data.title = props.title;
data.content = props.tableData;
data.menu = props.menu;
});
const closeDialog = () => {
@ -280,7 +290,7 @@ const closeDialog = () => {
display: flex;
align-items: center;
justify-content: space-around;
.contenta{
.contenta {
width: 100%;
padding: 0 10px;
display: flex;
@ -296,15 +306,21 @@ const closeDialog = () => {
font-weight: 500;
font-family: PingFangSC, PingFang SC;
// padding: 2px 10px;
width: 163px;
min-width: 163px;
height: 34px;
line-height: 34px;
background-image: url(@/assets/images/sy_details_LC/fwlc1.png);
background-repeat: no-repeat;
background-size: 100% 100%;
text-align: center;
padding: 0 6px;
// display: flex;
}
.item_content:hover {
background-image: url(@/assets/images/sy_details_LC/fwlc2.png);
background-repeat: no-repeat;
background-size: 100% 100%;
}
.item_contentBJ {
background-image: url(@/assets/images/sy_details_LC/fwlc2.png);
background-repeat: no-repeat;
@ -360,7 +376,7 @@ const closeDialog = () => {
align-items: center;
justify-content: space-evenly;
.progress {
mix-width: 176px;
min-width: 176px;
height: 34px;
background-image: url(@/assets/images/sy_details_LC/fwlc5.png);
background-repeat: no-repeat;
@ -370,6 +386,7 @@ const closeDialog = () => {
font-size: 18px;
text-align: center;
padding-bottom: 6px;
padding: 0 6px 6px 6px;
}
}
.stepsa {

View File

@ -605,7 +605,11 @@ const push = reactive({
//
const Process = reactive({
title: "服务链流程",
data: [],
data: {
yw: "职工基本医疗保险",
fzr: "杨*",
bt: "1/6 低保金",
},
menu: [
// {
// label: "",
@ -833,9 +837,13 @@ const closeProcess = () => {
};
//
const openLC = () => {
// if (data.name == "") {
if (data.name == "最低生活保障") {
// console.log("");
Process.menu = []
} else {
// Process.menu = [];
Process.data.yw = "医保局-龙游县医疗保障事业管理中心",
Process.data.fzr = "周*珊,伊*田,杨**",
Process.data.bt = data.name,
Process.menu = [
{
label: data.name,
@ -843,7 +851,7 @@ const openLC = () => {
show: false,
},
];
// }
}
dialogShowProcess.value = true;
// http.get(`/api/ggfwyth/pg/sfljqd?xh=${routers.query.xh}`).then((res) => {
// if (res.code == 200) {