全员猎寻：点击标题跳转查看详情

components.d.ts

@@ -77,4 +77,7 @@ declare module 'vue' {
     VerifySlide: typeof import('./src/components/Verifition/Verify/VerifySlide.vue')['default']
     WangEditor: typeof import('./src/components/FormUI/wangEditor/index.vue')['default']
   }
+  export interface ComponentCustomProperties {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
 }

src/styles/recruit/position/index.css

@@ -48,7 +48,6 @@
 }
 
 .content-left {
-  width: 810px;
   padding: 20px 20px;
 }
 

src/styles/recruit/position/index.min.css

@@ -1 +1 @@
-.banner{background-color:#fff;padding:0 0 20px}.banner-title{line-height:40px;font-size:28px;font-weight:600}.banner-title h1{display:inline-block;color:#0E100F;font-size:28px;margin-top:1px;vertical-align:middle}.button-item{min-width:110px;height:36px}.salary{min-width:100px;color:var(--v-primary-base);line-height:41px;font-weight:600;height:auto;display:inline-block;vertical-align:sub}.refresh-time{color:var(--color-666);font-size:14px;text-align:right;line-height:32px}.banner-tags span{font-weight:600}.radius{border-radius:8px}.content-left{width:810px;padding:20px 20px}.content-right{flex:1;padding:20px 20px 20px 0}.label-text{color:#7f7a7a;font-weight:600}.value-text{color:#000;font-weight:400}.requirement{white-space:pre-wrap;word-break:break-all;line-height:28px;color:var(--color-333);font-size:15px;text-align:justify;letter-spacing:0}.contact{height:60px;line-height:60px}.contact-name{font-size:20px;font-weight:500;color:var(--color-222);line-height:28px}.contact-info{font-size:15px;color:var(--color-666);line-height:21px;margin-top:8px}
+.banner{background-color:#fff;padding:0 0 20px}.banner-title{line-height:40px;font-size:28px;font-weight:600}.banner-title h1{display:inline-block;color:#0E100F;font-size:28px;margin-top:1px;vertical-align:middle}.button-item{min-width:110px;height:36px}.salary{min-width:100px;color:var(--v-primary-base);line-height:41px;font-weight:600;height:auto;display:inline-block;vertical-align:sub}.refresh-time{color:var(--color-666);font-size:14px;text-align:right;line-height:32px}.banner-tags span{font-weight:600}.radius{border-radius:8px}.content-left{padding:20px 20px}.content-right{flex:1;padding:20px 20px 20px 0}.label-text{color:#7f7a7a;font-weight:600}.value-text{color:#000;font-weight:400}.requirement{white-space:pre-wrap;word-break:break-all;line-height:28px;color:var(--color-333);font-size:15px;text-align:justify;letter-spacing:0}.contact{height:60px;line-height:60px}.contact-name{font-size:20px;font-weight:500;color:var(--color-222);line-height:28px}.contact-info{font-size:15px;color:var(--color-666);line-height:21px;margin-top:8px}

src/styles/recruit/position/index.scss

@@ -44,7 +44,7 @@
   border-radius: 8px;
 }
 .content-left {
-  width: 810px;
+  // width: 810px;
   padding: 20px 20px;
 }
 .content-right {

src/views/recruit/enterprise/hirePosition/components/item.vue

@@ -3,7 +3,7 @@
     <div v-for="val in items" :key="val.id" class="itemBox mb-3" style="height: 162px;">
       <div class="d-flex justify-space-between" style="padding: 10px 20px;">
         <div class="position">
-          <div class="d-flex align-center" :class="{'cursor-pointer': tab !== 3 && val.edit}" @click="handleEdit(val)">
+          <div class="d-flex align-center" :class="{'cursor-pointer': tab !== 3 && val.edit}" @click="handleDetail(val)">
             <svg-icon class="mr-3" name="pin" size="25"></svg-icon>
             <span v-if="val.name.indexOf('style')" v-html="val.name" class="position-name"></span>
             <span v-else class="position-name">{{ val.name }}</span>

src/views/recruit/enterprise/positionManagement/components/details.vue

@@ -1,13 +1,13 @@
 <!-- 职位详情 -->
 <template>
-  <div style="width: 100%; background-color: #f7f8fa; padding: 12px;">
+  <div class="default-width">
     <positionItemDetail 
       v-if="jobId"
       :defaultWidth="false"
       :showOperateBtn="false"
       :showContentRight="false"
       :propJobId="jobId"
-      style="width: 940px; margin: auto;"
+      :isEnterprise="true"
     ></positionItemDetail>
   </div>
 </template>

src/views/recruit/personal/position/components/details.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="position: relative;">
     <div class="banner px-6" id="share" :class="{'default-width': defaultWidth}">
-      <div class="sticky" :style="{'top': isRecommend ? '0' : '50px'}">
+      <div class="sticky" :style="{'top': isRecommend || isEnterprise ? '0' : '50px'}">
         <div class="banner-title d-flex justify-space-between align-center pt-5">
           <div class="d-flex align-center justify-between">
             <svg-icon v-if="info?.hire" class="mr-5" name="pin" size="50"></svg-icon>
@@ -27,7 +27,7 @@
           </div>
         </div>
         <div class="refresh-time text-end">{{ timesTampChange(info.refreshTime || info.updateTime) }} {{ $t('common.refresh') }} <v-icon color="primary" size="20">mdi-circle-medium</v-icon></div>
-        <div class="banner-tools my-4">
+        <div v-if="info.tagList && info.tagList.length" class="banner-tools my-4">
           <v-chip size="small" label v-for="(k, i) in info.tagList" :key="i" class="mr-1" color="primary">{{ k }}</v-chip>
         </div>
         <div class="d-flex justify-space-between mb-5">
@@ -49,7 +49,7 @@
         <v-divider></v-divider>
       </div>
       <div class="d-flex">
-          <div class="content-left">
+          <div class="content-left" :style="{'width': showContentRight ? '810px' : '100%'}">
             <div v-if="Object.keys(info).length">
               <div>
                 <div class="resume-header">
@@ -203,6 +203,11 @@ const props = defineProps({
   isRecommend: {
     type: Boolean,
     default: false
+  },
+  // 是否为企业-职位管理-职位详情引用
+  isEnterprise: {
+    type: Boolean,
+    default: false
   }
 })