gx

src/view/dialog/dialogLC.vue

@@ -25,8 +25,7 @@
                 alt=""
                 style="margin-right: 10px"
               />
-              <div class="name" v-if="showXq">{{ title }}详情</div>
+              <div class="name">{{ title }}详情</div>
-              <div class="name" v-else>{{ title }}</div>
               <img
                 src="@/assets/images/table_r.png"
                 alt=""
@@ -53,7 +52,7 @@
             <div class="contenta">
               <div
                 class="item_content"
-                :class="item_contentBJ ? item.show : ''"
+                :class="item.show ? 'item_contentBJ' : ''"
                 v-for="item in data.menu"
                 @click="onMenu(item)"
               >
@@ -64,7 +63,7 @@
           </div>
           <div class="conten" style="margin-top: 20px">
             <div class="operationFlow">
-              <div class="titles">
+              <div class="titles" v-if="data.content.show">
                 <div class="titlea">
                   业务单位：<span>{{ data.content.yw }}</span>
                 </div>
@@ -79,21 +78,15 @@
                 </div>
                 <div class="stepsa">
                   <div class="stepsb">
-                    <el-steps style="max-width: 600px" align-center :active="1">
+                    <el-steps
+                      style="max-width: 600px"
+                      align-center
+                      :active="data.active"
+                    >
                       <el-step
-                        title="推送时间"
+                        v-for="item in data.stepdata"
-                        description="2024.9.15 12:00"
+                        :title="item.title"
-                        :icon="Edit"
+                        :description="item.description"
-                      />
-                      <el-step
-                        title="业务处理时间"
-                        description="2024.9.16 12:00"
-                        :icon="Upload"
-                      />
-                      <el-step
-                        title="办结时间"
-                        description=" 2024.10.16 15:00"
-                        :icon="Picture"
                       />
                     </el-steps>
                   </div>
@@ -142,15 +135,9 @@ const props = defineProps({
     },
   },
   menu: {
-    type: String,
+    type: Array,
     default: () => {
-      return "";
+      return [];
-    },
-  },
-  showXq: {
-    type: Boolean,
-    default: () => {
-      return true;
     },
   },
 });
@@ -158,10 +145,26 @@ const emit = defineEmits(["close"]);
 // 详情弹框
 const dialogShow = ref();
 const data = reactive({
+  active: 3,
   title: "",
   content: {},
-  menu: {},
+  menu: [],
+  stepdata: [
+    {
+      title: "推送时间",
+      description: "2024.9.15",
+    },
+    {
+      title: "业务处理时间",
+      description: " 2024.9.16",
+    },
+    {
+      title: "办结时间",
+      description: " 2024.10.16",
+    },
+  ],
 });
+const titleshow = ref(false);
 
 const onMenu = (val) => {
   console.log(val);
@@ -175,10 +178,28 @@ watch(
     // console.log(222);
     dialogShow.value = newVal;
     if (newVal == true) {
+      data.menu.length = 0;
+
+      data.menu = props.menu;
       data.title = props.title;
       data.content = props.tableData;
-      data.menu = props.menu;
+      console.log(11, typeof data.menu, data.content, typeof props.menu);
-      console.log(11,data.menu,data.content);
+
+      if (!data.content.show) {
+        //   data.stepdata[1].description = "2024.9.16";
+        data.content.yw = data.menu[0].property;
+        data.content.fzr = data.menu[0].yw;
+        console.log(
+          22,
+          data.menu[0],
+          typeof data.menu,
+          typeof data.menu[0],
+          data.menu[0].yw
+        );
+        data.stepdata[0].description = `业务单位：${data.menu[0].yw}-业务负责人：${data.menu[0].property} 推送时间：2024.9.15`;
+        data.stepdata[1].description = `业务单位：${data.menu[0].yw}-业务负责人：${data.menu[0].property} 受理日期：2024.9.16`;
+        data.stepdata[2].description = `业务单位：${data.menu[0].yw}-业务负责人：${data.menu[0].property} 办结时间：2024.10.16`;
+      }
     }
   }
 );
@@ -296,6 +317,7 @@ const closeDialog = () => {
     display: flex;
     align-items: center;
     justify-content: space-around;
+    overflow-x: auto;
   }
   .item_content {
     cursor: pointer;

src/view/sy_details.vue

@@ -215,13 +215,18 @@
                 </div>
 
                 <!-- 完成途径 -->
-                <div v-if="item.property == 'operatesDeng'" @click="openLC()">
+                <div
+                  v-if="item.property == 'operatesDeng'"
+                  @click="openLC(scope.row)"
+                >
                   <div v-if="scope.row.operatesDeng">系统推送</div>
                   <div v-else>其他</div>
                 </div>
                 <!-- 推送次数 -->
                 <div v-if="item.property == 'pushSendTotal'">
-                  <div @click="openLC()">{{ scope.row.pushSendTotal }}</div>
+                  <div @click="openLC(scope.row)">
+                    {{ scope.row.pushSendTotal }}
+                  </div>
                 </div>
               </template>
             </el-table-column>
@@ -609,37 +614,37 @@ const Process = reactive({
     yw: "民政局-社会救助科",
     fzr: "杨*",
     bt: "1/6 低保金",
+    show: true, //表头显示
   },
   menu: [
-    // {
-    //   label: "职工基本医疗保险",
-    //   property: "index",
-    //   show: false,
-    // },
-
     {
       label: "低保金",
-      property: "index",
+      property: "杨*",
-      show: false,
+      yw: "民政局-社会救助科",
+      show: true,
     },
     {
       label: "低保水费减免",
-      property: "xm",
+      property: "",
+      yw: "民政局-社会救助科",
       show: false,
     },
     {
       label: "低保电费减免",
-      property: "item",
+      yw: "民政局-社会救助科",
+      property: "",
       show: false,
     },
     {
       label: "低保有线电视减免",
-      property: "adminName",
+      yw: "民政局-社会救助科",
+      property: "",
       show: false,
     },
     {
       label: "残疾人补贴",
-      property: "sendTime",
+      yw: "民政局-社会救助科",
+      property: "",
       show: false,
     },
   ],
@@ -836,12 +841,12 @@ const closeProcess = () => {
   dialogShowProcess.value = false;
 };
 //获取服务处置流程数据
-const openLC = () => {
+const openLC = (val) => {
   // Process.menu = [];
+  // console.log(666,val);
+  data.identNo = val.sfzhm;
   if (data.name == "最低生活保障") {
-    // console.log("推送");
+    // Process.data.bt = data.name;
-    Process.data.bt = data.name;
-    // Process.data.yw = "民政局-社会救助科";
   } else {
     Process.data.yw = "医保局-龙游县医疗保障事业管理中心";
     Process.data.fzr = "周*珊，伊*田，杨**";
@@ -854,20 +859,78 @@ const openLC = () => {
       },
     ];
   }
+  if (
+    data.name == "最低生活保障" ||
+    data.name == "职工基本医疗保险" ||
+    data.name == "城乡居民基本医疗保险"
+  ) {
+    Process.data.show = false;
+  } else {
+    Process.data.show = true;
+  }
   dialogShowProcess.value = true;
-  // http.get(`/api/ggfwyth/pg/sfljqd?xh=${routers.query.xh}`).then((res) => {
+  http
-  //   if (res.code == 200) {
+    .get(
-  //     if (res.data == null) {
+      `/api/ggfwyth/pg/fwjgqdxq?sfzhm=${data.identNo}&xh=${routers.query.xh}`
-  //       ElMessage.warning({
+    )
-  //         message: "暂无数据！",
+    .then((res) => {
-  //       });
+      if (res.code == 200) {
-  //     } else {
+        function maskName(name) {
-  //       sfType.title = routers.query.name;
+          if (name.length === 2) {
-  //       sfType.data = res.data;
+            // 两个字的姓名，第二个字替换为 *
-  //       dialogShowSf.value = true;
+            return name[0] + "*";
-  //     }
+          } else if (name.length > 2) {
-  //   }
+            // 三个字或更多的姓名，替换中间的字符
-  // });
+            return (
+              name[0] + "*".repeat(name.length - 2) + name[name.length - 1]
+            );
+          }
+          return name; // 返回原名
+        }
+        function maskYwfzr(ywfzr) {
+          // 处理包含冒号和逗号的姓名
+          if (ywfzr.includes("：")) {
+            // 处理包含冒号的情况
+            return ywfzr.replace(/([^：]+：[^,]+)/g, (match) => {
+              const parts = match.split("："); // 分割冒号前后的部分
+              const maskedNames = parts[1]
+                .split(",")
+                .map((name) => maskName(name.trim()))
+                .join(", "); // 对姓名部分进行掩码
+              return `${parts[0]}：${maskedNames}`; // 返回冒号和掩码后的姓名
+            });
+          } else {
+            // 不包含冒号，直接处理逗号分隔的姓名或单个姓名
+            return ywfzr
+              .split(",")
+              .map((name) => maskName(name.trim()))
+              .join(", ");
+          }
+        }
+        if (data.name == "最低生活保障") {
+          res.data.ysx.forEach((item, index) => {
+          if (Process.menu[index]) {
+            Process.menu[index].label = item.bzlx;
+            Process.menu[index].property = maskYwfzr(item.ywfzr);
+            Process.menu[index].yw = `${item.qtbm}-${item.zrks}`;
+          }
+        });
+        } else if (
+          data.name == "职工基本医疗保险" ||
+          data.name == "城乡居民基本医疗保险"
+        ) {
+          console.log(666);
+          res.data.wxs.forEach((item, index) => {
+          if (Process.menu[index]) {
+            Process.menu[index].label = item.bzlx;
+            Process.menu[index].property = maskYwfzr(item.ywfzr);
+            Process.menu[index].yw = `${item.qtbm}-${item.zrks}`;
+          }
+        });
+        }
+       
+      }
+    });
 };
 
 const isLoading = ref(true);