diff --git a/pages/work/BusinessApproval/ListItem.vue b/pages/work/BusinessApproval/ListItem.vue
index f8050f7..81d2a78 100644
--- a/pages/work/BusinessApproval/ListItem.vue
+++ b/pages/work/BusinessApproval/ListItem.vue
@@ -5,6 +5,7 @@
         :class="index % 2 === 0 ? 'card-even' : 'card-odd'"
         :extra="item.contractcode"
         :title="item.usernames"
+        @click="handleDetail(item)"
     >
         <view class="context">
             <view class="label">
@@ -29,7 +30,7 @@
 </template>
 
 <script setup>
-import {defineOptions, defineProps} from 'vue'
+import {defineOptions, defineProps, getCurrentInstance} from 'vue'
 import UniCard from "../../../uni_modules/uni-card/components/uni-card/uni-card.vue";
 import {formatDate} from "../../../uni_modules/uni-dateformat/components/uni-dateformat/date-format";
 
@@ -37,7 +38,13 @@ defineOptions({
     name: 'ListItem'
 })
 
+const {proxy} = getCurrentInstance()
+
 const props = defineProps(['items'])
+
+const handleDetail = (raw) => {
+    proxy.$tab.navigateTo('/pages/work/BusinessApproval/OrderDetail')
+}
 </script>
 
 <style lang="scss" scoped>