diff --git a/src/pages/work/components/item.vue b/src/pages/work/components/item.vue
new file mode 100644
index 0000000..230a377
--- /dev/null
+++ b/src/pages/work/components/item.vue
@@ -0,0 +1,21 @@
+<template>
+  <view class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx">
+    <view class="flex items-center justify-between">
+      <view class="text-30rpx"> {{ item.job.name }} </view>
+      <view class="text-24rpx text-hex-999999">待完成</view>
+    </view>
+    <view class="text-24rpx text-hex-999999 flex">
+      <view class="w-140rpx">推荐人</view>
+      <view class="text-primary">12313</view>
+    </view>
+    <view class="text-24rpx text-hex-999999 flex">
+      <view class="w-140rpx">晋升职位</view>
+      <view class="text-hex-333">2022-01-01</view>
+    </view>
+  </view>
+</template>
+<script setup>
+const props = defineProps({
+  item: Object,
+})
+</script>
diff --git a/src/pages/work/list.vue b/src/pages/work/list.vue
index fa572a2..ff41310 100644
--- a/src/pages/work/list.vue
+++ b/src/pages/work/list.vue
@@ -16,20 +16,9 @@
     </uv-sticky>
     <MescrollItem ref="mescrollItem0" :top="88" :i="0" :index="tabIndex" :apiUrl="tabList[0].apiUrl">
       <template v-slot="{ list }">
-        <view class="px-base space-y-20rpx mt-30rpx">
-          <view v-for="item in list" class="card-shadow bg-white rounded-19rpx p-base space-y-10rpx">
-            <view class="flex items-center justify-between">
-              <view class="text-30rpx"> 升职申请 </view>
-              <view class="text-24rpx text-hex-999999">待完成</view>
-            </view>
-            <view class="text-24rpx text-hex-999999 flex">
-              <view class="w-140rpx">推荐人</view>
-              <view class="text-primary">12313</view>
-            </view>
-            <view class="text-24rpx text-hex-999999 flex">
-              <view class="w-140rpx">晋升职位</view>
-              <view class="text-hex-333">2022-01-01</view>
-            </view>
+        <view class="space-y-15rpx p-base">
+          <view v-for="(item, i) in list" :key="i">
+            <Item :item="item"></Item>
           </view>
         </view>
       </template>
@@ -42,6 +31,7 @@ import { ref } from "vue"
 import { onPageScroll, onReachBottom, onShow } from "@dcloudio/uni-app"
 import useMescrollMore from "@/uni_modules/mescroll-uni/hooks/useMescrollMore.js"
 import MescrollItem from "@/components/mescroll-api/more.vue"
+import Item from './components/item.vue'
 const tabList = ref([
   {
     name: "申请列表",