gx

src/view/person/index.vue

@@ -80,10 +80,8 @@
         <div
           v-for="(item, index) in dataMyTag.myTag1"
           class="main-tag-item"
-          :class="
+          :class="item.name == tableType.title ? 'main-tag-item_active' : ''"
-            item.name == dataMyTag.myTagshow ? 'main-tag-item_active' : ''
+          @click="onClickTag2(item.name)"
-          "
-          @click="onClickTag2(item, index)"
         >
           <span v-if="item.name == '退休养老'"> 退休<br />养老</span>
           <span v-else>{{ item.name }}</span>
@@ -95,9 +93,9 @@
         </div>
       </div>
       <div class="person-side">
-        <div v-if="rightList.value < 1">
+        <div v-if="rightList.length < 1">
           <div class="my-label">
-            <div class="my-label-title">养老金发放情况</div>
+            <div class="my-label-title">{{ tableType.title }}</div>
           </div>
           <div class="my-table">
             <el-table
@@ -119,11 +117,12 @@
                 color: '#fff',
               }"
             >
-              <template v-for="item in dataMyTag.tableList">
+              <template v-for="item in tableType.columns">
                 <el-table-column
                   :width="item.width"
-                  :prop="item.name"
+                  :prop="item.property"
                   :label="item.label"
+                  align="center"
                 >
                 </el-table-column>
               </template>
@@ -395,7 +394,6 @@ const dataMyTag = reactive({
       name: "综合",
     },
   ],
-  myTagshow: "出生",
   /**
    * @type {Array}
    * @description 表格配置
@@ -486,7 +484,7 @@ const pagination1 = reactive({
 const dialogShow = ref(false);
 const tableType = reactive({
   url: "",
-  title: "",
+  title: "出生",
   columns: [],
   data: [],
 });
@@ -675,13 +673,11 @@ const onClickTag = (item) => {
   dialogShow.value = true;
 };
 //圆球弹框
-const onClickTag2 = (val, index) => {
+const onClickTag2 = (name) => {
-  dataMyTag.myTagshow = val.name;
+  tableType.title = name;
-  tableType.title = val.name;
+  tableType.url = columnsList[name].url;
-  tableType.url = columnsList[val.name].url;
+  tableType.columns = columnsList[name].column;
-  tableType.columns = columnsList[val.name].column;
   getTable(tableType.url);
-  dialogShow.value = true;
 };
 const paginationDialog = reactive({
   current: 1,
@@ -815,6 +811,7 @@ watch(
     identNo.value = props.message.identNo;
     getData(props.message.identNo);
     getYlj();
+    onClickTag2("出生");
     jump.value = "map";
   }
 );
@@ -827,6 +824,7 @@ onMounted(() => {
     // getData("3");
     // identNo.value="3"
     getYlj();
+    onClickTag2("出生");
   } else {
     jump.value = "map";
   }