gx

src/view/dialog/dialogLC.vue

@@ -51,8 +51,13 @@
           <div class="item">
             <div class="arrowl"></div>
             <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 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.title[0].menu }}</div> -->
-                  <div>{{data.menu[0].label  }}</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 {

src/view/sy_details.vue

@@ -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) {