看过我

package-lock.json

@@ -24,7 +24,8 @@
         "vue": "^3.4.0",
         "vue-i18n": "9",
         "vue-router": "^4.3.0",
-        "vuetify": "^3.6.0"
+        "vuetify": "^3.6.0",
+        "wukongimjssdk": "^1.2.10"
       },
       "devDependencies": {
         "@rushstack/eslint-patch": "^1.8.0",
@@ -808,6 +809,22 @@
       "integrity": "sha512-hw437iINopmQuxWPSUEvqE56NCPsiU8N4AYtfHmJFckclktzK9YQJieD3XkDCDH4OjL+C7zgPUh73R/nrcHrqw==",
       "dev": true
     },
+    "node_modules/@types/bignumber.js": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmmirror.com/@types/bignumber.js/-/bignumber.js-5.0.0.tgz",
+      "integrity": "sha512-0DH7aPGCClywOFaxxjE6UwpN2kQYe9LwuDQMv+zYA97j5GkOMo8e66LYT+a8JYU7jfmUFRZLa9KycxHDsKXJCA==",
+      "deprecated": "This is a stub types definition for bignumber.js (https://github.com/MikeMcl/bignumber.js/). bignumber.js provides its own type definitions, so you don't need @types/bignumber.js installed!",
+      "license": "MIT",
+      "dependencies": {
+        "bignumber.js": "*"
+      }
+    },
+    "node_modules/@types/crypto-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmmirror.com/@types/crypto-js/-/crypto-js-4.2.2.tgz",
+      "integrity": "sha512-sDOLlVbHhXpAUAL0YHDUUwDZf3iN4Bwi4W6a0W0b+QcAezUbRtH4FVb+9J4h+XFPW7l/gQ9F8qC7P+Ec4k8QVQ==",
+      "license": "MIT"
+    },
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/@types/estree/-/estree-1.0.5.tgz",
@@ -1082,6 +1099,35 @@
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
       "dev": true
     },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bignumber.js": {
+      "version": "9.1.2",
+      "resolved": "https://registry.npmmirror.com/bignumber.js/-/bignumber.js-9.1.2.tgz",
+      "integrity": "sha512-2/mKyZH9K85bzOEfhXDBFZTGd1CTs+5IHpeFQo9luiBG7hghdC851Pj2WAhb6E3R6b9tZj/XKhbg4fum+Kepug==",
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.3.0",
       "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.3.0.tgz",
@@ -1122,6 +1168,30 @@
         "node": ">=8"
       }
     },
+    "node_modules/buffer": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmmirror.com/buffer/-/buffer-6.0.3.tgz",
+      "integrity": "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.1",
+        "ieee754": "^1.2.1"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.7.tgz",
@@ -1250,6 +1320,12 @@
         "node": ">= 8"
       }
     },
+    "node_modules/crypto-js": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmmirror.com/crypto-js/-/crypto-js-4.2.0.tgz",
+      "integrity": "sha512-KALDyEYgpY+Rlob/iriUtjV6d5Eq+Y191A5g4UqLAi8CyGP9N1+FdVbkc1SxKc2r4YAYqG8JzO2KGL+AizD70Q==",
+      "license": "MIT"
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz",
@@ -1279,6 +1355,12 @@
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
     },
+    "node_modules/curve25519-js": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npmmirror.com/curve25519-js/-/curve25519-js-0.0.4.tgz",
+      "integrity": "sha512-axn2UMEnkhyDUPWOwVKBMVIzSQy2ejH2xRGy1wq81dqRwApXfIzfbE3hIX0ZRFBIihf/KDqK158DLwESu4AK1w==",
+      "license": "MIT"
+    },
     "node_modules/data-urls": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/data-urls/-/data-urls-5.0.0.tgz",
@@ -2039,6 +2121,26 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/ieee754": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz",
+      "integrity": "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "BSD-3-Clause"
+    },
     "node_modules/ignore": {
       "version": "5.3.1",
       "resolved": "https://registry.npmmirror.com/ignore/-/ignore-5.3.1.tgz",
@@ -2343,6 +2445,12 @@
         "@jridgewell/sourcemap-codec": "^1.4.15"
       }
     },
+    "node_modules/md5-typescript": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmmirror.com/md5-typescript/-/md5-typescript-1.0.5.tgz",
+      "integrity": "sha512-ovAc4EtiNt2dY8JPhPr/wkC9h4U5k/nuClNVcG0Ga3V1rMlYpAY24ZaaymFXJlz+ccJ6UMPo3FSaVKe7czBsXw==",
+      "license": "ISC"
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
@@ -3653,6 +3761,21 @@
         }
       }
     },
+    "node_modules/wukongimjssdk": {
+      "version": "1.2.10",
+      "resolved": "https://registry.npmmirror.com/wukongimjssdk/-/wukongimjssdk-1.2.10.tgz",
+      "integrity": "sha512-MX4NJoXGV+KnxZ6kK8UwsjLWEewGQudmCGV2d4/vrtI99Z78EkfWARPyVGX3jkqX0vwDzxid2JrcQewuo3vXGA==",
+      "license": "ISC",
+      "dependencies": {
+        "@types/bignumber.js": "^5.0.0",
+        "@types/crypto-js": "^4.0.2",
+        "bignumber.js": "^9.0.1",
+        "buffer": "^6.0.3",
+        "crypto-js": "^4.1.1",
+        "curve25519-js": "^0.0.4",
+        "md5-typescript": "^1.0.5"
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",

package.json

@@ -25,7 +25,8 @@
     "vue": "^3.4.0",
     "vue-i18n": "9",
     "vue-router": "^4.3.0",
-    "vuetify": "^3.6.0"
+    "vuetify": "^3.6.0",
+    "wukongimjssdk": "^1.2.10"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.8.0",

src/api/recruit/personal/personalCenter/index.js

@@ -0,0 +1,10 @@
+import request from '@/config/axios'
+
+
+// 看过我的企业用户列表
+export const getInterestedMePage = async (params) => {
+  return await request.get({
+    url: '/app-api/menduner/system/job-cv-rel/get/job/cv/look/page',
+    params
+  })
+}

src/main.js

@@ -14,6 +14,8 @@ import { createApp } from 'vue'
 
 import { createPinia } from 'pinia'
 
+// import WKSDK from "wukongimjssdk"
+
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate' // pinia 持久化
 
 // 日期组件

src/views/recruit/enterprise/informationManagement/informationSettingsComponents/basicInfo.vue

@@ -171,7 +171,7 @@ const getBaseInfo = async () => {
     }
     query.industryId = data.industryId
     if (item.key === 'industryId') {
-      item.value = industryList.value.find(e => e.id === data[item.key]).nameCn
+      item.value = industryList.value.find(e => e.id === data[item.key])?.nameCn
     } else item.value = data[item.key]
   })
 }

src/views/recruit/personal/PersonalCenter/components/interestedMe.vue

@@ -1,188 +0,0 @@
-<template>
-  <div>
-    <div v-if="list.length">
-      <div class="position-item mb-3 job-closed" v-for="(val, i) in list" :key="i" @mouseenter="handleMouseEnter(val)" @mouseleave="val.active = false">
-        <div class="info-header">
-          <div v-if="val.active" class="header-btn">
-            <v-btn class="half-button" color="primary" size="small">继续沟通</v-btn>
-            <v-btn v-if="props.tab === 4" class="half-button ml-3" color="primary" size="small">取消感兴趣</v-btn>
-          </div>
-          <div class="img-box">
-            <v-avatar :image="val.contact.avatars || 'https://minio.citupro.com/dev/menduner/7.png'" size="x-small"></v-avatar>
-            <span class="name">
-              <span class="mx-3">{{ val.contact.name }}</span>
-              <span class="gray">{{ val.contact.postNameCn }}</span>
-            </span>
-          </div>
-        </div>
-        <div class="info-content">
-          <div class="job-info">
-            <div class="job-name cursor-pointer">
-              <span class="mr-3 info-name">{{ val.name }}</span>
-              <span>[{{ val.areaName }}]</span>
-            </div>
-            <div class="job-other">
-              <span class="salary">{{ val.payFrom }}-{{ val.payTo }}k</span>
-              <v-chip class="mx-3" color="primary" label size="small">{{ val.expName }}</v-chip>
-              <v-chip color="primary" label size="small">{{ val.eduName }}</v-chip>
-            </div>
-          </div>
-          <div v-if="props.tab === 3" class="interview-info">
-            <div>面试时间：2022.03.15 17:00</div>
-            <div class="mt-3">面试地点：先烈中路100号大院203室</div>
-          </div>
-          <div v-else class="company-info">
-            <v-img width="50" height="50" :src="val.contact.avatars || 'https://minio.citupro.com/dev/menduner/7.png'"></v-img>
-            <div class="ml-3">
-              <div class="cursor-pointer info-name">{{ val.enterprise.name }}</div>
-              <div class="mt-3">
-                <v-chip color="primary" label size="small" class="mr-3" v-for="k in desc" :key="k">{{ val.enterprise[k] }}</v-chip>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div v-else>
-      <Empty></Empty>
-    </div>
-  </div>
-</template>
-
-<script setup>
-// 对我感兴趣
-defineOptions({ name: 'position-interested-in-me' })
-import { ref } from 'vue'
-// import { dealDictArrayData, dealDictObjData } from '@/utils/position'
-import Empty from '@/components/Empty'
-
-const props = defineProps({
-  tab: {
-    type: Number,
-    default: 0
-  }
-})
-
-// const items = ref([])
-// const page = ref({
-//   pageNo: 1,
-//   pageSize: 10
-// })
-const list = ref([
-  // {
-  //   contact: {
-  //     name: '肖女士',
-  //     avatars: 'https://cdn.vuetifyjs.com/images/john.jpg',
-  //     postNameCn: '人事经理'
-  //   },
-  //   name: '前端开发工程师',
-  //   areaName: '北京·石景山区·八大处',
-  //   payFrom: 15,
-  //   payTo: 18,
-  //   expName: '3-5年',
-  //   eduName: '本科',
-  //   active: false,
-  //   enterprise: {
-  //     name: '广州辞图科技有限公司',
-  //     industryName: '互联网',
-  //     scaleName: '0-20人',
-  //     financingName: '未融资'
-  //   }
-  // },
-  // {
-  //   contact: {
-  //     name: '肖女士',
-  //     avatars: 'https://cdn.vuetifyjs.com/images/john.jpg',
-  //     postNameCn: '人事经理'
-  //   },
-  //   name: '前端开发工程师',
-  //   areaName: '北京·石景山区·八大处',
-  //   payFrom: 15,
-  //   payTo: 18,
-  //   expName: '3-5年',
-  //   eduName: '本科',
-  //   active: false,
-  //   enterprise: {
-  //     name: '广州辞图科技有限公司',
-  //     industryName: '互联网',
-  //     scaleName: '0-20人',
-  //     financingName: '未融资'
-  //   }
-  // }
-])
-
-const desc = ['industryName', 'financingName', 'scaleName']
-
-const handleMouseEnter = (val) => {
-  if (props.tab !==3 ) val.active = true
-}
-
-</script>
-
-<style scoped lang="scss">
-.position-item {
-  height: 144px;
-  background-color: #fff;
-  border-radius: 12px;
-  &:hover {
-    box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3);
-  }
-  .info-header {
-    height: 48px;
-    background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
-    .img-box {
-      padding: 12px 24px;
-      .name {
-        color: var(--color-222);
-        font-weight: 400;
-        font-size: 13px;
-        .gray {
-          color: var(--color-666);
-        }
-      }
-    }
-    .header-btn {
-      padding: 10px 10px 0 0;
-      float: right;
-      .v-btn {
-        z-index: 1;
-      }
-    }
-  }
-  .info-content {
-    display: flex;
-    padding: 16px 24px;
-    justify-content: space-between;
-    .job-info {
-      width: 430px;
-      min-width: 430px;
-      max-width: 430px;
-      font-weight: 500;
-      font-size: 16px;
-      .job-name {
-        height: 22px;
-        line-height: 22px;
-        color: var(--color-222);
-        margin-bottom: 12px;
-      }
-      .job-other {
-        color: var(--v-error-base);
-        height: 22px;
-        line-height: 22px;
-      }
-    }
-    .company-info {
-      display: flex;
-      align-items: center
-    }
-    .interview-info {
-      color: var(--color-333);
-      font-size: 15px;
-    }
-  }
-}
-
-.info-name:hover {
-  color: var(--v-primary-base);
-}
-</style>

src/views/recruit/personal/PersonalCenter/components/seenMe.vue

@@ -1,51 +1,41 @@
 <template>
   <div>
-    <div v-if="list.length">
-      <div class="position-item mb-3 job-closed" v-for="(val, i) in list" :key="i" @mouseenter="handleMouseEnter(val)" @mouseleave="val.active = false">
-        <div class="info-header">
-          <div v-if="val.active" class="header-btn">
-            <v-btn class="half-button" color="primary" size="small">继续沟通</v-btn>
-            <v-btn v-if="props.tab === 4" class="half-button ml-3" color="primary" size="small">取消感兴趣</v-btn>
-          </div>
-          <div class="img-box">
-            <v-avatar :image="val.contact.avatars || 'https://minio.citupro.com/dev/menduner/7.png'" size="x-small"></v-avatar>
-            <span class="name">
-              <span class="mx-3">{{ val.contact.name }}</span>
-              <span class="gray">{{ val.contact.postNameCn }}</span>
-            </span>
+    <div v-if="items.length" class="mt-3">
+      <div class="sub-li mb-3" v-for="item in items" :key="item.id" @mouseenter="item.active = true" @mouseleave="item.active = false">
+        <div class="company-info-top" @click="handleClickEnterprise(item, 'briefIntroduction')">
+          <div class="company-info">
+            <div class="float-left mr-5">
+              <v-img :src="item.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :alt="item.enterprise.anotherName" :width="40" style="height: 40px;border-radius: 4px;"/>
+            </div>
+            <h3 :class="{'default-active': item.active }">{{ item.enterprise.anotherName }}</h3>
+            <p>{{ item.enterprise.financingName }}<span class="mx-2">|</span>{{ item.enterprise.industryName }}<span class="mx-2">|</span>{{ item.enterprise.scaleName }}</p>
           </div>
         </div>
-        <div class="info-content">
-          <div class="job-info">
-            <div class="job-name cursor-pointer">
-              <span class="mr-3 info-name">{{ val.name }}</span>
-              <span>[{{ val.areaName }}]</span>
-            </div>
-            <div class="job-other">
-              <span class="salary">{{ val.payFrom }}-{{ val.payTo }}k</span>
-              <v-chip class="mx-3" color="primary" label size="small">{{ val.expName }}</v-chip>
-              <v-chip color="primary" label size="small">{{ val.eduName }}</v-chip>
+        <div class="company-info-bottom">
+          <div class="chipBox">
+            <div class="d-inline-block" v-for="(val, i) in item.enterprise.welfareList" :key="i">
+              <span>{{ val }}</span>
+              <span class="mx-1" v-if="i !== item.enterprise.welfareList.length - 1">|</span>
             </div>
           </div>
-          <div v-if="props.tab === 3" class="interview-info">
-            <div>面试时间：2022.03.15 17:00</div>
-            <div class="mt-3">面试地点：先烈中路100号大院203室</div>
-          </div>
-          <div v-else class="company-info">
-            <v-img width="50" height="50" :src="val.contact.avatars || 'https://minio.citupro.com/dev/menduner/7.png'"></v-img>
-            <div class="ml-3">
-              <div class="cursor-pointer info-name">{{ val.enterprise.name }}</div>
-              <div class="mt-3">
-                <v-chip color="primary" label size="small" class="mr-3" v-for="k in desc" :key="k">{{ val.enterprise[k] }}</v-chip>
-              </div>
-            </div>
+          <div class="footer-right">
+            <v-avatar size="x-small" :image="item.contact.avatar || 'https://minio.citupro.com/dev/menduner/7.png'"></v-avatar>
+            <span class="mx-2 textColor666">
+              {{ item.contact.name }}
+              <span v-if="item?.contact?.name && item?.post?.nameCn">|</span>
+              {{ item?.post?.nameCn }}
+            </span>
           </div>
         </div>
       </div>
+      <CtPagination
+        :total="total"
+        :page="page.pageNo"
+        :limit="page.pageSize"
+        @handleChange="handleChangePage"
+      ></CtPagination>
     </div>
-    <div v-else>
-      <Empty></Empty>
-    </div>
+    <Empty v-else></Empty>
   </div>
 </template>
 
@@ -53,136 +43,109 @@
 // 看过我
 defineOptions({ name: 'position-seen-me' })
 import { ref } from 'vue'
-// import { dealDictArrayData, dealDictObjData } from '@/utils/position'
+import { getInterestedMePage } from '@/api/recruit/personal/personalCenter'
+import { dealDictObjData } from '@/utils/position'
 import Empty from '@/components/Empty'
 
-const props = defineProps({
-  tab: {
-    type: Number,
-    default: 0
-  }
+const total = ref(0)
+const items = ref([])
+const page = ref({
+  pageNo: 1,
+  pageSize: 10
 })
 
-// const items = ref([])
-// const page = ref({
-//   pageNo: 1,
-//   pageSize: 10
-// })
-const list = ref([
-  // {
-  //   contact: {
-  //     name: '肖女士',
-  //     avatars: 'https://cdn.vuetifyjs.com/images/john.jpg',
-  //     postNameCn: '人事经理'
-  //   },
-  //   name: '前端开发工程师',
-  //   areaName: '北京·石景山区·八大处',
-  //   payFrom: 15,
-  //   payTo: 18,
-  //   expName: '3-5年',
-  //   eduName: '本科',
-  //   active: false,
-  //   enterprise: {
-  //     name: '广州辞图科技有限公司',
-  //     industryName: '互联网',
-  //     scaleName: '0-20人',
-  //     financingName: '未融资'
-  //   }
-  // },
-  // {
-  //   contact: {
-  //     name: '肖女士',
-  //     avatars: 'https://cdn.vuetifyjs.com/images/john.jpg',
-  //     postNameCn: '人事经理'
-  //   },
-  //   name: '前端开发工程师',
-  //   areaName: '北京·石景山区·八大处',
-  //   payFrom: 15,
-  //   payTo: 18,
-  //   expName: '3-5年',
-  //   eduName: '本科',
-  //   active: false,
-  //   enterprise: {
-  //     name: '广州辞图科技有限公司',
-  //     industryName: '互联网',
-  //     scaleName: '0-20人',
-  //     financingName: '未融资'
-  //   }
-  // }
-])
-
-const desc = ['industryName', 'financingName', 'scaleName']
+const getData = async () => {
+  const res = await getInterestedMePage(page.value)
+  items.value = res.list.map(e => {
+    e.enterprise = dealDictObjData({}, e.enterprise)
+    e.active = false
+    return e
+  })
+  total.value = res.total
+}
+getData()
 
-const handleMouseEnter = (val) => {
-  if (props.tab !==3 ) val.active = true
+const handleClickEnterprise = (item, key) => {
+  window.open(`/recruit/personal/company/details/${item.enterprise.id}?key=${key}`)
 }
 
 </script>
 
 <style scoped lang="scss">
-.position-item {
-  height: 144px;
-  background-color: #fff;
+.sub-li {
+  position: relative;
+  height: 130px;
   border-radius: 12px;
+  padding: 0;
+  overflow: hidden;
+  transition: all .2s linear;
+  background-color: #fff;
+  cursor: pointer;
+  &:nth-child(4n) {
+    margin-right: 0;
+  }
   &:hover {
     box-shadow: 0 16px 40px 0 rgba(153, 153, 153, .3);
   }
-  .info-header {
-    height: 48px;
-    background: linear-gradient(90deg,#f5fcfc,#fcfbfa);
-    .img-box {
-      padding: 12px 24px;
-      .name {
-        color: var(--color-222);
-        font-weight: 400;
-        font-size: 13px;
-        .gray {
-          color: var(--color-666);
-        }
-      }
-    }
-    .header-btn {
-      padding: 10px 10px 0 0;
-      float: right;
-      .v-btn {
-        z-index: 1;
-      }
-    }
+}
+.textColor666 { 
+  color: var(--color-666);
+  font-size: 14px;
+}
+.company-info {
+  float: left;
+  margin-left: 16px;
+  width: 282px;
+}
+.company-info-top {
+  display: flex;
+  height: 76px;
+  padding: 16px 20px;
+  overflow: hidden;
+  justify-content: space-between;
+}
+.company-info h3 {
+  height: 22px;
+  font-size: 16px;
+  font-weight: 400;
+  color: var(--color-222);
+  line-height: 22px;
+  margin: 0 0 4px 0;
+  padding: 0;
+  max-width: 100%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.company-info p {
+  height: 18px;
+  font-size: 13px;
+  font-weight: 400;
+  color: var(--color-999);
+  line-height: 18px;
+}
+.company-info-bottom {
+  display: flex;
+  width: 100%;
+  padding: 16px 20px;
+  justify-content: space-between;
+  background-color: #f8fcfb;
+  .chipBox {
+    width: 70%;
+    min-width: 70%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 13px; 
+    color: var(--color-999);
   }
-  .info-content {
-    display: flex;
-    padding: 16px 24px;
-    justify-content: space-between;
-    .job-info {
-      width: 430px;
-      min-width: 430px;
-      max-width: 430px;
-      font-weight: 500;
-      font-size: 16px;
-      .job-name {
-        height: 22px;
-        line-height: 22px;
-        color: var(--color-222);
-        margin-bottom: 12px;
-      }
-      .job-other {
-        color: var(--v-error-base);
-        height: 22px;
-        line-height: 22px;
-      }
-    }
-    .company-info {
-      display: flex;
-      align-items: center
-    }
-    .interview-info {
-      color: var(--color-333);
-      font-size: 15px;
+  .position {
+    color: var(--color-666);
+    font-size: 14px;
+    cursor: pointer;
+    &:hover {
+      color: var(--v-primary-base);
     }
   }
 }
-
-.info-name:hover {
-  color: var(--v-primary-base);
-}
 </style>

src/views/recruit/personal/PersonalCenter/dynamic/left.vue

@@ -73,7 +73,6 @@ import communication from '../components/communication.vue'
 import delivery from '../components/delivery.vue'
 import interview from '../components/interview/index.vue'
 import interested from '../components/interested.vue'
-// import interestedMe from '../components/interestedMe.vue'
 import seenMe from '../components/seenMe.vue'
 
 const { t } = useI18n()
@@ -82,7 +81,6 @@ const list = [
   { title: t('position.delivered'), path: delivery },
   { title: t('position.interview'), path: interview },
   { title: t('position.interested'), path: interested },
-  // { title: t('position.interestedInMe'), path: interestedMe },
   { title: t('position.haveSeenMe'), path: seenMe }
 ]
 const tab = ref(1)

src/views/recruit/personal/company/components/companyItem.vue

@@ -7,7 +7,7 @@
         </div>
         <div class="company-info">
           <h3 :class="{'default-active': item.active }">{{ item.anotherName }}</h3>
-          <p>{{ item.financingName }}<span class="mx-2">|</span>{{ item.industryName }}</p>
+          <p>{{ item.financingName }}<span class="mx-2" v-if="item.financingName && item.industryName">|</span>{{ item.industryName }}</p>
         </div>
       </div>
       <div class="company-info-bottom">