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

View File

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