项目费用申请-审核

src/views/costManage/projectCostRequest/index.vue

@@ -81,46 +81,46 @@
 
     <!--      列表-->
     <div class="contentTable" >
-      <el-table v-loading="loading" :data="projectCostRequestList" border>
+      <el-table v-loading="loading" :data="projectCostRequestList" border @cell-mouse-enter="handleHover" @cell-mouse-leave="handleLeave">
         <el-table-column type="selection" align="center"></el-table-column>
-        <el-table-column  prop="createTime" label="申请时间" align="center" width="190px">
+        <el-table-column  prop="createTime" label="申请时间" align="center" width="190px"  >
           <template #default="{row}">
-            <span  @mouseenter="handleHover(row)" @mouseleave="handleLeave">{{row.createTime}}</span>
+            <span >{{row.createTime}}</span>
           </template>
         </el-table-column>
         <el-table-column prop="projectName" label="项目名称" align="center">
           <template #default="{row}">
-            <span @mouseenter="handleHover(row)" @mouseleave="handleLeave">{{row.projectName}}</span>
+            <span>{{row.projectName}}</span>
           </template>
         </el-table-column>
         <el-table-column prop="projectType" label="项目类型" align="center">
           <template #default="{ row }">
-            <dict-tag :options="project_type" :value="row.projectType" @mouseenter="handleHover(row)" @mouseleave="handleLeave"/>
+            <dict-tag :options="project_type" :value="row.projectType"/>
           </template>
         </el-table-column>
         <el-table-column prop="userName" label="事业部负责人" align="center">
           <template #default="{row}">
-            <span @mouseenter="handleHover(row)" @mouseleave="handleLeave">{{row.userName}}</span>
+            <span>{{row.userName}}</span>
           </template>
         </el-table-column>
         <el-table-column prop="expenseType" label="费用类型" align="center" width="200px">
           <template #default="scope">
-            <dict-tag :options="project_cost_type" :value="scope.row.costType" @mouseenter="handleHover(scope.row)" @mouseleave="handleLeave"/>
+            <dict-tag :options="project_cost_type" :value="scope.row.costType"/>
           </template>
         </el-table-column>
         <el-table-column prop="timeOfExpense" label="费用发生时间" align="center">
           <template #default="{row}">
-            <span @mouseenter="handleHover(row)" @mouseleave="handleLeave">{{row.timeOfExpense}}</span>
+            <span >{{row.timeOfExpense}}</span>
           </template>
         </el-table-column>
         <el-table-column prop="sumMoney" label="预计金额（元）" align="center">
           <template #default="{row}">
-            <div @mouseenter="handleHover(row)" @mouseleave="handleLeave">{{row.sumMoney}}</div>
+            <div>{{row.sumMoney}}</div>
           </template>
         </el-table-column>
         <el-table-column prop="approvalStatus" label="审批状态" align="center">
           <template #default="scope">
-            <dict-tag :options="project_cost_request_status" :value="scope.row.approveStatus" @mouseenter="handleHover(scope.row)" @mouseleave="handleLeave"/>
+            <dict-tag :options="project_cost_request_status" :value="scope.row.approveStatus"/>
           </template>
         </el-table-column>
 
@@ -128,17 +128,17 @@
         <el-table-column label="操作" align="center" width="200px">
           <template #default="scope" >
             <el-tooltip content="编辑" placement="top" >
-              <el-button :disabled="scope.row.approveStatus === 3" link type="text" @click="handleUpdate(scope.row)" @mouseenter="handleHover(scope.row)" @mouseleave="handleLeave">
+              <el-button :disabled="scope.row.approveStatus === 3" link type="text" @click="handleUpdate(scope.row)" >
                 <img src="@/assets/icons/common/edit.png" height="32" width="32"/>
               </el-button>
             </el-tooltip>
             <el-tooltip content="详情" placement="top">
-              <el-button link type="text"  @click="handleView(scope.row)" @mouseenter="handleHover(scope.row)" @mouseleave="handleLeave">
+              <el-button link type="text"  @click="handleView(scope.row)">
                 <img src="@/assets/icons/common/check.png" height="32" width="32"/>
               </el-button>
             </el-tooltip>
             <el-tooltip content="删除" placement="top">
-              <el-button link type="text"  @click="handleDelete(scope.row)" @mouseenter="handleHover(scope.row)" @mouseleave="handleLeave">
+              <el-button link type="text"  @click="handleDelete(scope.row)">
                 <img src="@/assets/icons/common/delete.png" height="32" width="32"/>
               </el-button>
             </el-tooltip>
@@ -266,7 +266,7 @@ const hoverColumnData = ref('');
 const stepActive = ref(1);
 const changProjectNumber = ref('')
 let timer = null;
-const handleHover = (row) => {
+const handleHover = (row, column, cell, event) => {
   //防抖
 
   if (timer) {
@@ -274,10 +274,12 @@ const handleHover = (row) => {
   }
   timer = setTimeout(() => {
     changProjectNumber.value = row.projectNumber
-    console.log(row)
+    console.log("劲来了",row)
     let i = allList.value.findIndex((item)=>item.nodeId === row.currentAuditRoleId)
     stepActive.value = i+1
-  }, 100);
+
+
+  }, 300);
 
 
 }