This commit is contained in:
parent
aeb3b5c9b3
commit
0ab1d39602
|
@ -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 {
|
||||
|
|
|
@ -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) {
|
||||
|
|
Loading…
Reference in New Issue