职位详情：已关闭标识

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

@@ -3,10 +3,10 @@
     <div class="banner px-6" id="share" :class="{'default-width': defaultWidth}" :style="{'margin-top': isRecommend || isEnterprise ? '0' : '62px'}">
       <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">
+          <div class="d-flex align-center justify-between" style="width: 100%;">
             <svg-icon v-if="info?.hire" class="mr-5" name="pin" size="50"></svg-icon>
             <svg-icon v-if="jobFairId" name="jobFair" class="mr-1" size="35"></svg-icon>
-            <h1>{{ formatName(info.name) }}</h1>
+            <h1 v-ellipse-tooltip>{{ formatName(info.name) }}</h1>
           </div>
           <v-btn v-if="showContentRight && !jobFairId" color="primary" variant="text" size="large" @click.stop="handleReturn" prepend-icon="mdi-chevron-triple-left">返回上一页</v-btn>
         </div>
@@ -27,10 +27,10 @@
           </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 v-if="info.tagList && info.tagList.length" class="banner-tools my-4">
+        <div v-if="info.tagList && info.tagList.length" class="banner-tools" :class="{'my-4': info?.status === '0'}">
           <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">
+        <div class="d-flex justify-space-between" :class="{'mb-5': info?.status === '0'}">
           <div>
             <div>
               <v-chip v-if="info.hire && info.hirePrice && info.hirePrice > 0" label color="primary">赏金：{{ commissionCalculation(info.hirePrice / 100, 1) }}元</v-chip>
@@ -46,6 +46,14 @@
             <v-btn class="button-item radius" :disabled="delivery" color="primary" variant="outlined" @click="handleDelivery">{{ delivery ? $t('position.delivered') : $t('position.submitResume') }}</v-btn>
           </div>
         </div>
+        <!-- 职位已关闭标识 -->
+        <div class="text-end" v-if="info.status === '1'" >
+          <img 
+            src="https://minio.menduner.com/dev/437fe759946ab34800b532613ffb90367427f23a4bca70ce13262fe2112c60f5.png"
+            alt=""
+            style="width: 100px ; height: 100px;"
+          >
+        </div>
         <v-divider></v-divider>
       </div>
       <div class="d-flex">