gx

src/router/index.js

@@ -70,11 +70,6 @@ const router = createRouter({
           path: '/home/index/person',
           component: () => import('../view/person/index.vue'),
         },
-        // {
-        //   name: '首页地图2',
-        //   path: '/home/index/map2',
-        //   component: () => import('../view/sy_mapcopy.vue'),
-        // },
       ]
     },
   ]

src/view/person/index.vue

@@ -117,14 +117,30 @@
                 color: '#fff',
               }"
             >
-              <template v-for="item in tableType.columns">
+              <template v-for="item in data.columns">
                 <el-table-column
-                  :width="item.width"
-                  :prop="item.property"
+                  :key="item.label"
+                  v-if="item.type === 'slot'"
+                  :show-overflow-tooltip="true"
                   :label="item.label"
-                  align="center"
+                  :property="item.property"
+                  :align="item.align || 'center'"
                 >
+                  <template #default="scope">
+                    <slot
+                      :name="item.property"
+                      :currentCol="item"
+                      :currentData="scope.row"
+                    ></slot>
+                  </template>
                 </el-table-column>
+                <el-table-column
+                  v-else
+                  :property="item.property"
+                  :label="item.label"
+                  :show-overflow-tooltip="true"
+                  :align="item.align || 'center'"
+                />
               </template>
             </el-table>
             <el-pagination
@@ -480,6 +496,7 @@ const columnsList = reactive({
       {
         label: "养老金类型",
         property: "yljlx",
+        type: "slot",
       },
     ],
   },