企业职位详情

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

@@ -3,13 +3,13 @@
     <div class="banner px-6">
       <div class="banner-title">
         <h1 class="ellipsis">{{ info.name }}</h1>
-        <span class="salary">{{ info.payFrom }}-{{ info.payTo }}/{{ positionInfo.payName }}</span>
+        <span class="salary">{{ info.payFrom }}-{{ info.payTo }}/{{ info.payName }}</span>
         <span class="refresh-time">{{ timesTampChange(info.updateTime) }} {{ $t('common.refresh') }} <v-icon color="warning" size="20">mdi-alert-outline</v-icon></span>
       </div>
       <div class="banner-tags mt-4">
         <span v-for="k in desc" :key="k.mdi" class="mr-10">
           <v-icon color="#666" size="20">{{ k.mdi }}</v-icon>
-          <span class="ml-1">{{ positionInfo[k.value] }}</span>
+          <span class="ml-1">{{ info[k.value] }}</span>
         </span>
       </div>
       <div class="banner-tools my-4">
@@ -17,7 +17,7 @@
       </div>
       <div class="d-flex justify-end mb-5">
         <div class="banner-tools-btns">
-          <v-btn class="button-item radius" color="primary" variant="outlined">{{ $t('common.edit') }}</v-btn>
+          <v-btn class="button-item radius" color="primary" variant="outlined" @click="handleEdit">{{ $t('common.edit') }}</v-btn>
         </div>
       </div>
       <v-divider></v-divider>
@@ -51,15 +51,18 @@
               </div>
             </div>
             <v-divider class="my-3"></v-divider>
-            <div v-if="info && info.enterprise && Object.keys(info.enterprise).length">
+            <div v-if="enterprise && Object.keys(enterprise).length">
               <h4>企业信息</h4>
               <div class="mt-3">
-                <v-img class="float-left mr-5" :src="info.enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :width="60" height="60"></v-img>
-                <div class="">
-                  <div class="contact-name">{{ info.enterprise.name }}</div>
-                  <div class="contact-info">未上市 | 互联网AI | 0-20人</div>
+                <v-img class="float-left mr-5" :src="enterprise.logoUrl || 'https://minio.citupro.com/dev/menduner/company-avatar.png'" :width="60" height="60"></v-img>
+                <div>
+                  <div class="contact-name">{{ enterprise.name }}</div>
+                  <div class="contact-info">{{ enterprise.financingName }} | {{ enterprise.industryName }} | {{ enterprise.scaleName }}</div>
                 </div>
               </div>
+              <div class="mt-5">
+                <v-chip v-for="(k, i) in enterprise.welfareList" :key="i" label color="primary" class="mr-2" size="small">{{ k }}</v-chip>
+              </div>
             </div>
           </div>
       </div>
@@ -80,19 +83,12 @@ const { id } = router.currentRoute.value.params
 
 // 职位详情
 const info = ref({})
-const positionInfo = ref({})
+const enterprise = ref({})
 const getPositionDetail = async () => {
   const data = await getJobDetails({ id })
-  info.value = data
-  positionInfo.value = { 
-    ...info.value,
-    ...dealDictObjData({}, info.value), 
-    enterprise: { 
-      ...dealDictObjData({}, info.value.enterprise),
-      ...info.value.enterprise
-    } 
-  }
-  // console.log(positionInfo.value, 'info')
+  if (!data || !Object.keys(data).length) return
+  enterprise.value = { ...dealDictObjData({}, data.enterprise), ...data.enterprise }
+  info.value = { ...data, ...dealDictObjData({}, data) }
 }
 getPositionDetail()
 
@@ -102,6 +98,11 @@ const desc = [
   { mdi: 'mdi-clock-time-ten-outline', value: 'expName' },
   { mdi: 'mdi-file-tree-outline', value: 'positionName' }
 ]
+
+const handleEdit = () => {
+  if (!enterprise.value.id) return
+  window.open(`/enterprise/position/edit?id=${enterprise.value.id}`)
+}
 </script>
 
 <style lang="scss" scoped>