feat: 个人简历字段与标签展示

vue/src/plugins/antd.ts

@@ -20,7 +20,8 @@ import {
   Space, Cascader,
   Tree,
   Transfer, Image, Progress, List, Avatar, Badge, Spin, Pagination,
-  Timeline
+  Timeline,
+  Tag
 } from 'ant-design-vue';
 import type { App } from 'vue';
 //导入组件库
@@ -70,5 +71,6 @@ export function setupAntd(app: App<Element>) {
     .use(Cascader)
     .use(Image)
     .use(Tree).use(Progress).use(List).use(Avatar).use(Badge).use(Spin).use(Pagination)
-    .use(Timeline);
+    .use(Timeline)
+    .use(Tag);
 }

vue/src/views/jobUserManager/jobuser/vitae.vue

@@ -46,17 +46,25 @@
             {{ jobUserInfo.userMobile }}
           </span>
         </div>
+        <!-- 标签 -->
+        <div class="label-info" v-if="jobUserInfo.listLabel.length >= 1">
+          <p class="title">标签</p>
+          <div class="grid-box">
+            <a-tag v-for="(item, index) in jobUserInfo.listLabel" :key="index">
+              {{ item.labelName }}
+            </a-tag>
+          </div>
+        </div>
       </div>
       <!-- 基本信息与学历，工作经历 -->
       <div class="info-content">
         <a-divider orientation="left">基本信息</a-divider>
         <a-descriptions :column="2" bordered style="margin-left: 25px;">
-          <a-descriptions-item label="出生地">{{ jobUserInfo.birthPlace }}</a-descriptions-item>
           <a-descriptions-item label="重点人员类别">{{ jobUserInfo.keyTypeName }}</a-descriptions-item>
           <a-descriptions-item label="健康状况">{{ jobUserInfo.healthName }}</a-descriptions-item>
           <a-descriptions-item label="就业状态">{{ jobUserInfo.jobStatusName }}</a-descriptions-item>
-          <a-descriptions-item label="户口性质">{{ jobUserInfo.familyNatureName }}</a-descriptions-item>
-          <a-descriptions-item :span="2" label="住址">{{ jobUserInfo.familyAddress }}</a-descriptions-item>
+          <a-descriptions-item label="住址">{{ jobUserInfo.address }}</a-descriptions-item>
+          <a-descriptions-item :span="2" label="户口性质">{{ jobUserInfo.familyNatureName }}</a-descriptions-item>
           <a-descriptions-item :span="2" label="兴趣爱好">{{ jobUserInfo.hobby }}</a-descriptions-item>
           <a-descriptions-item :span="2" label="专业技术特长">{{ jobUserInfo.personalSkills }}</a-descriptions-item>
         </a-descriptions>
@@ -132,9 +140,11 @@ const jobUserInfo = reactive({
   healthName: "",
   jobStatusName: "",
   familyNatureName: "",
+  address: "",
   familyAddress: "",
   hobby: "",
-  personalSkills: ""
+  personalSkills: "",
+  listLabel: new Array<any>()
 })
 // 受教育经历
 const educationData = ref<Array<any>>([]);
@@ -367,6 +377,26 @@ export default {
         font-weight: 700;
       }
 
+      .label-info {
+        margin-top: 15px;
+        padding: 0 5%;
+
+        .title {
+          margin-bottom: 10px;
+        }
+
+        .grid-box {
+          display: grid;
+          grid-template-columns: repeat(3, minmax(0, 1fr));
+          row-gap: 8px;
+
+          .ant-tag {
+            text-align: center;
+          }
+        }
+
+      }
+
     }
 
     .info-content {