在线简历-求职意向

src/layout/company/navBar.vue

@@ -167,13 +167,6 @@ getEnterpriseListData()
   padding-left: 0px;
   height: 50px;
   font-size: 15px;
-  .left {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    font-size: 20px;
-    cursor: pointer;
-  }
 }
 .hover:hover {
   cursor: pointer;

src/layout/enterprise.vue

@@ -3,7 +3,7 @@
     <Headers class="headers"></Headers>
     <div class="content d-flex">
       <side class="content-sticky" v-if="!router.currentRoute.value?.meta?.hideSide"></side>
-      <div class="content-box d-flex flex-column" :style="`width: ${ !isInWhiteList(route.path) ? 'calc(100vw - 230px)' : '100%'}`">
+      <div class="content-box d-flex flex-column" :style="`width: ${ !isInWhiteList(route.path) ? 'calc(100% - 230px)' : '100%'}`">
         <div v-if="!isInWhiteList(route.path)" class="breadcrumbs_sticky">
           <div class=" d-flex align-center justify-space-between">
             <v-breadcrumbs :items="system.breadcrumbs" elevation="3">
@@ -24,17 +24,15 @@
         </div>
       </div>
     </div>
-    <!-- <Slider class="slider"></Slider> -->
   </div>
 </template>
 
 <script setup>
 defineOptions({ name: 'enterprise-layout-index' })
 import Headers from './company/navBar.vue'
-// import Slider from './company/slider.vue'
 import side from './company/side.vue'
 import { useRouter, useRoute } from 'vue-router'
-import { watch, ref, computed } from 'vue'
+import { watch, computed } from 'vue'
 import { useSystem } from '@/store/system'
 import { useUserStore } from '@/store/user'
 
@@ -112,6 +110,7 @@ const toPath = (item) => {
 $top: 50px;
 .parent {
   background-color: var(--default-bgc);
+  min-width: 1200px;
 }
 .headers {
   position: sticky;
@@ -131,7 +130,7 @@ $top: 50px;
   }
 }
 .full {
-  height: calc(100vh - $top);
+  height: calc(100vh - $top - 25px);
   width: 100%;
   flex: 1;
   position: relative;

src/styles/index.css

@@ -8,6 +8,7 @@
   --v-primary-lighten2: #4DB6AC;
   --v-primary-lighten3: #80CBC4;
   --v-primary-lighten4: #B2DFDB;
+  --v-primary-lighten5: #b2dfdb9c;
   --color-222: #222;
   --color-333: #333;
   --color-666: #666;
@@ -240,7 +241,7 @@
 }
 
 .card-box {
-  width: 100%;
+  min-width: calc(100vw - 272px);
   height: 100%;
   min-height: 70vh;
 }

src/styles/index.scss

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --zIndex-dialog: 999;
   --default-bgc: #f2f4f7;
@@ -7,6 +8,7 @@
   --v-primary-lighten2: #4DB6AC;
   --v-primary-lighten3: #80CBC4;
   --v-primary-lighten4: #B2DFDB;
+  --v-primary-lighten5: #b2dfdb9c;
   --color-222: #222;
   --color-333: #333;
   --color-666: #666;
@@ -19,8 +21,6 @@
   --color-f2f4f7: #f2f4f7;
   --color-d5e6e8: #d5e6e8;
   --zIndex-breadcrumbs: 999;
-  // el
-  // --el-component-size: 40px !important;
   --el-fill-color-blank: #ffffff00 !important;
   --el-input-text-color: #3b3b3b !important;
   --el-color-primary: #00897B !important;
@@ -34,50 +34,128 @@
   --el-cascader-tag-background: #e2f0ef !important;
 }
 
-.color-222 { color: #222; }
-.color-333 { color: #333; }
-.color-666 { color: #666; }
-.color-777 { color: #777; }
-.color-999 { color: #999; }
-.color-ccc { color: #ccc; }
-.color-f3f3f3 { color: #f3f3f3; }
-.color-f2f4f742 { color: #f2f4f742; }
-.color-f8f8f8 { color: #f8f8f8; }
-.color-f2f4f7 { color: #f2f4f7; }
-.color-d5e6e8 { color: #d5e6e8; }
-.color-error { color: #fe574a; }
-.color-primary { color: #00897B; }
-.color-warning { color: #fb8c00; }
-.color-success { color: #4caf50; }
-.color-white { color: #fff; }
-
-.font-size-12 { font-size: 12px; }
-.font-size-13 { font-size: 13px; }
-.font-size-14 { font-size: 14px; }
-.font-size-15 { font-size: 15px; }
-.font-size-16 { font-size: 16px; }
-.font-size-17 { font-size: 17px; }
-.font-size-18 { font-size: 18px; }
-.font-size-19 { font-size: 19px; }
-.font-size-20 { font-size: 20px; }
-
-.border-bottom-primary { border-bottom: 1px solid var(--v-primary-base); }
-.border-bottom-error { border-bottom: 1px solid var(--v-error-base); }
-.border-bottom-warning { border-bottom: 1px solid var(--v-warning-base); }
-
-// 长按钮
+.color-222 {
+  color: #222;
+}
+
+.color-333 {
+  color: #333;
+}
+
+.color-666 {
+  color: #666;
+}
+
+.color-777 {
+  color: #777;
+}
+
+.color-999 {
+  color: #999;
+}
+
+.color-ccc {
+  color: #ccc;
+}
+
+.color-f3f3f3 {
+  color: #f3f3f3;
+}
+
+.color-f2f4f742 {
+  color: #f2f4f742;
+}
+
+.color-f8f8f8 {
+  color: #f8f8f8;
+}
+
+.color-f2f4f7 {
+  color: #f2f4f7;
+}
+
+.color-d5e6e8 {
+  color: #d5e6e8;
+}
+
+.color-error {
+  color: #fe574a;
+}
+
+.color-primary {
+  color: #00897B;
+}
+
+.color-warning {
+  color: #fb8c00;
+}
+
+.color-success {
+  color: #4caf50;
+}
+
+.color-white {
+  color: #fff;
+}
+
+.font-size-12 {
+  font-size: 12px;
+}
+
+.font-size-13 {
+  font-size: 13px;
+}
+
+.font-size-14 {
+  font-size: 14px;
+}
+
+.font-size-15 {
+  font-size: 15px;
+}
+
+.font-size-16 {
+  font-size: 16px;
+}
+
+.font-size-17 {
+  font-size: 17px;
+}
+
+.font-size-18 {
+  font-size: 18px;
+}
+
+.font-size-19 {
+  font-size: 19px;
+}
+
+.font-size-20 {
+  font-size: 20px;
+}
+
+.border-bottom-primary {
+  border-bottom: 1px solid var(--v-primary-base);
+}
+
+.border-bottom-error {
+  border-bottom: 1px solid var(--v-error-base);
+}
+
+.border-bottom-warning {
+  border-bottom: 1px solid var(--v-warning-base);
+}
+
 .buttons {
   height: 36px;
   width: 224px;
 }
 
-// 短按钮
 .half-button {
   height: 36px;
   width: 88px;
 }
 
-// 个人端-默认宽度
 .default-width {
   width: 1184px;
   min-width: 1184px;
@@ -86,17 +164,15 @@
 }
 
 .defaultLink {
-  // color:#5aabff;
-  color:#008978;
-  cursor:pointer;
-  // text-decoration: underline;
+  color: #008978;
+  cursor: pointer;
 }
+
 .defaultLink-i {
-  color:#008978 !important;
-  cursor:pointer !important;
+  color: #008978 !important;
+  cursor: pointer !important;
 }
 
-// 高亮
 .default-active {
   color: var(--v-primary-base) !important;
 }
@@ -115,7 +191,6 @@
   overflow: hidden;
 }
 
-// 超出2行显示省略号
 .ellipsis-2 {
   display: -webkit-box;
   -webkit-box-orient: vertical;
@@ -123,7 +198,6 @@
   overflow: hidden;
 }
 
-// 分隔线
 .septal-line {
   display: inline-block;
   width: 1px;
@@ -133,7 +207,6 @@
   margin: 0 10px;
 }
 
-// 居中
 .absolute-center {
   position: absolute;
   top: 50%;
@@ -141,7 +214,6 @@
   transform: translate(-50%, -50%);
 }
 
-// 个人简历
 .resume-box {
   border-radius: 5px;
   padding: 20px 30px;
@@ -169,7 +241,7 @@
 }
 
 .card-box {
-  width: 100%;
+  min-width: calc(100vw - 272px);
   height: 100%;
   min-height: 70vh;
 }
@@ -177,18 +249,19 @@
 .home-title {
   font-size: 30px;
   font-weight: 600;
-  color: rgb(51, 51, 51);
+  color: #333333;
   margin: 0 15px;
   position: relative;
-  &-line {
-    width: 223px;
-    background: linear-gradient(to right, rgb(18, 235, 176), rgb(66, 125, 170));
-    height: 9px;
-    position: absolute;
-    top: 37px;
-    left: -50%;
-    transform: translateX(5%);
-  }
+}
+
+.home-title-line {
+  width: 223px;
+  background: linear-gradient(to right, #12ebb0, #427daa);
+  height: 9px;
+  position: absolute;
+  top: 37px;
+  left: -50%;
+  transform: translateX(5%);
 }
 
 .btnColor {
@@ -199,16 +272,14 @@
 
 .commonHover:hover {
   color: #00887A;
-  // font-weight: 700;
-  // text-decoration: underline;
   border-bottom: 2px solid #00887A;
 }
+
 .commonHover2:hover {
   color: #00887A;
   font-weight: 700;
 }
 
-// 已关闭职位遮罩层
 .close-position::after {
   content: '';
   position: absolute;
@@ -227,18 +298,24 @@
 
 /* 均匀间隔显示的文本 */
 .justified-text {
-  width: 70px; /* 设定固定长度 */
-  text-align: justify; /* 使文本两端对齐 */
-  text-justify: inter-word; /* 为了兼容性 */
+  width: 70px;
+  /* 设定固定长度 */
+  text-align: justify;
+  /* 使文本两端对齐 */
+  text-justify: inter-word;
+  /* 为了兼容性 */
   height: 100%;
   line-height: 100%;
 }
+
 .justified-text:after {
   content: '';
   display: inline-block;
-  width: 100%; /* 设定额外间隔 */
+  width: 100%;
+  /* 设定额外间隔 */
 }
+
 .l-s-10 {
   letter-spacing: 10px;
   margin-right: -10px;
-}
+}

src/views/recruit/components/message/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="default-width message" :style="`height: calc(100vh - ${isEnterprise ? '130px' : '50px'});`">
+  <div class="message" :class="{'default-width': !isEnterprise}" :style="`height: calc(100vh - ${isEnterprise ? '130px' : '50px'});`">
     <div class="message-left d-flex flex-column">
       <div class="message-left-search d-flex align-center px-3 justify-space-between" >
         <div>

src/views/recruit/enterprise/talentPool/components/details/dict.js

@@ -72,7 +72,7 @@ export const dealJobData = (list) => {
       if (item.isArray) {
         if (e[item.key] && e[item.key].length) {
           const result = e[item.key].map(val => {
-            return obj = dictObj[item.value].find(i => i[item.itemKey] === val)
+            return obj = dictObj[item.value].find(i => Number(i[item.itemKey]) === Number(val))
           })
           e[item.label] = result && result.length ? result.filter(Boolean) : []
         }

src/views/recruit/enterprise/talentPool/components/details/jobIntention.vue

@@ -11,11 +11,13 @@
         <div v-if="!k.payFrom && !k.payTo">面议</div>
         <div v-else>{{k.payFrom ? k.payFrom + '-' : ''}}{{k.payTo}}</div>
         <div class="line">|</div>
-        <div class="grey-text text-box">{{ k.industry?.map(e => e.nameCn).join('、') }}</div>
+        <div class="color-999 text-truncate" style="max-width: 300px;">{{ k.industry?.map(e => e.nameCn).join('、') }}</div>
         <div class="line" v-if="k.industry?.length">|</div>
-        <div class="grey-text">{{ k.jobTypeName }}</div>
+        <div class="color-999">{{ k.jobTypeName }}</div>
         <div class="line" v-if="k.jobTypeName && k.workArea">|</div>
-        <div class="grey-text">{{ k.workArea }}</div>
+        <div class="color-999 text-truncate" style="max-width: 160px;">
+          {{ k.interestedArea && k.interestedArea.length ? k.workArea + '，' + k.interestedArea.map(e => e.name).join('，') : k.workArea }}
+        </div>
       </div>
     </div>
   </div>
@@ -47,9 +49,6 @@ if (props.data?.length) interestList.value = dealJobData(props.data)
   span {
     font-size: 15px;
   }
-  .grey-text {
-    color: var(--color-999);
-  }
   .line {
     color: #e0e0e0;
     margin: 0 10px;