gx

src/view/person/index.vue

@@ -86,7 +86,12 @@
         <div
           v-for="(item, index) in dataMyTag.myTag1"
           class="main-tag-item"
-          :class="item.name == tableType.title ? 'main-tag-item_active' : ''"
+          :class="[
+            item.name == '身后事' && !isShs
+              ? 'main-tag-item2'
+              : 'main-tag-item',
+            item.name == tableType.title ? 'main-tag-item_active' : '',
+          ]"
           @click="onClickTag2(item.name, item.label)"
         >
           <span v-if="item.name == '退休养老'"> 退休<br />养老</span>
@@ -460,14 +465,15 @@ const dataMyTag = reactive({
       name: "退休养老",
       label: "养老金发放情况",
     },
-    {
-      name: "身后事",
-      label: "身后事",
-    },
+
     {
       name: "综合",
       label: "医疗保险",
     },
+    {
+      name: "身后事",
+      label: "身后事",
+    },
   ],
   form: {
     data: [],
@@ -711,17 +717,20 @@ const onClickTag = (item) => {
 };
 //圆球弹框
 const onClickTag2 = (name, label) => {
-  tableType.title = name;
-  dataMyTag.title = label;
-  tableType.url = columnsList[name].url;
-  tableType.columns = columnsList[name].column;
-  if (name == "婚育") {
-  } else if (name == "综合") {
-    dataMyTag.form.column = columnsList["一卡通"].column;
-    oneCardSolution();
-    getTable(tableType.url, true);
+  if (name == "身后事" && !isShs.value) {
   } else {
-    getTable(tableType.url, true);
+    tableType.title = name;
+    dataMyTag.title = label;
+    tableType.url = columnsList[name].url;
+    tableType.columns = columnsList[name].column;
+    if (name == "婚育") {
+    } else if (name == "综合") {
+      dataMyTag.form.column = columnsList["一卡通"].column;
+      oneCardSolution();
+      getTable(tableType.url, true);
+    } else {
+      getTable(tableType.url, true);
+    }
   }
 };
 /**
@@ -762,6 +771,21 @@ const getTable = (url, csh) => {
       }
     });
 };
+//身后事判断
+const isShs = ref(false);
+const getshs = () => {
+  http
+    .get("/api/ggfwyth/ysyzt/getRyshsxx?identNo=" + dataMyTag.identNo)
+    .then((res) => {
+      if (res.code == 200) {
+        if (res.data?.length > 0) {
+          isShs.value = true;
+        } else {
+          isShs.value = false;
+        }
+      }
+    });
+};
 const close = () => {
   dialogShow.value = false;
 };
@@ -832,6 +856,7 @@ watch(
     getData(props.message.identNo);
     onClickTag2("出生", "出生");
     jump.value = "map";
+    getshs();
   }
 );
 onMounted(() => {
@@ -843,6 +868,7 @@ onMounted(() => {
       getData(routers.query.identNo);
     }
     onClickTag2("出生", "出生");
+    getshs();
   } else {
     jump.value = "map";
   }
@@ -952,13 +978,13 @@ onMounted(() => {
       }
 
       &:nth-of-type(7) {
-        top: 270px;
-        right: 80px;
+        top: 420px;
+        right: 110px;
       }
 
       &:nth-of-type(8) {
-        top: 420px;
-        right: 110px;
+        top: 270px;
+        right: 80px;
       }
 
       // &:hover {
@@ -967,7 +993,28 @@ onMounted(() => {
       //   color: #00fffc;
       // }
     }
+    .main-tag-item2 {
+      background: url("../../assets/person/noshs.png") no-repeat;
+      background-size: 100% 100%;
+      width: 100px;
+      height: 100px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+      font-family: Microsoft YaHei;
+      font-weight: bold;
+      color: #b3b3b3;
+      position: absolute;
+      cursor: pointer;
+      z-index: 5;
 
+      text-shadow: 0px 2px 4px rgba(28, 68, 63, 0.5);
+      text-align: left;
+      font-style: normal;
+      top: 270px;
+      right: 80px;
+    }
     .main-tag-item_active {
       background: url("../../assets/person/tag-active.png") no-repeat;
       background-size: 100% 100%;