项目经历

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

@@ -27,7 +27,7 @@
       <!-- 项目经历 -->
       <div class="d-flex mt-8">
         <span class="mr-6">{{ $t('resume.projectExperience') }}</span>
-        <!-- <projectExperience style="flex: 1;"></projectExperience> -->
+        <projectExperience style="flex: 1;"></projectExperience>
       </div>
       <!-- 培训经历 -->
       <div class="d-flex mt-8">
@@ -62,6 +62,7 @@ import baseInfo from './details/baseInfo.vue'
 import vocationalSkills from './details/vocationalSkills.vue'
 import jobIntention from './details/jobIntention.vue'
 import workExperience from './details/workExperience.vue'
+import projectExperience from './details/projectExperience.vue'
 defineOptions({name: 'enterprise-talentPool-details'})
 
 const advantage = "1、熟悉 Java  技术平台，并稳定形成生产力，CCF 中国计算机学会会员，获得微软 MCP、MCSA 认证。 \n2、熟悉通用缓存/DB /搜索引擎/消息队列等中间件。对业内高可用高并发及分布式技术解决方案有充分理解。\n3、同时具备常用大数据解决方案实践经验，包括实时计算（Storm/Flink ）及离线计算（Hive/ETL/Spark）。 \n4、对搜索推荐/订单交易等业务方向具备多年实践经验。\n5、上班。"

src/views/enterprise/talentPool/components/details/projectExperience.vue

@@ -0,0 +1,58 @@
+<template>
+  <div>
+    <div v-for="(k, i) in dataList" :key="i" class="exp mx-n2" @mouseenter="k.active = true" @mouseleave="k.active = false">
+      <div class="d-flex align-center justify-space-between">
+        <div>
+          <span style="font-size: 16px">{{ k.name }}</span>
+          <span class="label-title ml-5">
+            <span>{{ timesTampChange(k.startTime).slice(0, 7) }}</span>
+            <span class="mx-1">至</span>
+            <span>{{ timesTampChange(k.endTime).slice(0, 7) }}</span>
+          </span>
+        </div>
+      </div>
+      <div>
+        <span class="label-title">项目描述：</span>
+        <span class="label-title">{{ k.content }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { timesTampChange } from '@/utils/date'
+import { ref } from 'vue'
+
+defineOptions({name: 'enterprise-talentPool-details-projectExperience'})
+const dataList = ref([
+  {
+    id: "1793912379075624961", 
+    name: "阅读器APP", 
+    startTime: 1629475200000, 
+    endTime: 1636646400000, 
+    content: "可以通过互联网搜索喝=和载海量书籍，或者通过上传进行本地书籍。提供了多种海外知名小说资源给用户下载书籍，支持Epub、Mobi、PDF、txt、UMD等全主流阅读模式。", 
+    createTime: 1716565815000, 
+    updateTime: 1716565815000
+  }, 
+  {
+    id: "1793913376493699073", 
+    name: "商城harbor多模版1", 
+    startTime: 1629475200000, 
+    endTime: 1636646400000, 
+    content: "商城harbor多模版项目是一个味用户提供购物体验的独立站平台，主要向海外销售产品。", 
+    createTime: 1716566053000, 
+    updateTime: 1716566080000
+  }
+])
+</script>
+<style lang="scss" scoped>
+.exp {
+  font-size: 15px;
+  // cursor: pointer;
+  border-radius: 6px;
+  padding: 2px 10px 8px;
+  // &:hover {
+  //   background-color: #f8f8f8;
+  // }
+}
+</style>