更新 组件

src/components/TenderTable.vue

@@ -15,9 +15,7 @@
       <el-table-column label="投标数量" prop="tenderQuantity" />
       <el-table-column label="操作">
         <template #default="scope">
-          <el-button size="small" type="primary" @click="goTo(scope.row)">
-            详情
-          </el-button>
+          <slot name="action" :row="scope.row" />
         </template>
       </el-table-column>
     </el-table>
@@ -80,13 +78,6 @@ watch(
   }
 );
 
-function goTo(row) {
-  router.push(
-    `/tenderManage/${props.status === 0 ? "inviteTender" : "tenderDetail"}?id=${
-      row.id
-    }`
-  );
-}
 defineExpose({
   getTenderList,
 });

src/views/tenderManage/tenderConsole.vue

@@ -17,19 +17,29 @@
   <el-divider class="mt20 mb20"></el-divider>
   <div class="data ml20">
     <div class="t20 mb10">江运招标</div>
-    <TenderTable
-      ref="tableRef"
-      class="mb30"
-      :transType="1"
-      :status="1"
-    ></TenderTable>
+    <TenderTable ref="tableRef" class="mb30" :transType="1" :status="1">
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
+        >
+          详情
+        </el-button>
+      </template>
+    </TenderTable>
     <div class="t20 mb10">海运招标</div>
-    <TenderTable
-      ref="tableRef"
-      class="mb30"
-      :transType="2"
-      :status="1"
-    ></TenderTable>
+    <TenderTable ref="tableRef" class="mb30" :transType="2" :status="1">
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
+        >
+          详情
+        </el-button>
+      </template>
+    </TenderTable>
   </div>
 </template>
 

src/views/tenderManage/tenderList.vue

@@ -59,7 +59,23 @@
       :transType="transType"
       :status="status"
       :term="term"
-    ></TenderTable>
+    >
+      <template #action="{ row }">
+        <el-button
+          size="small"
+          type="primary"
+          @click="
+            router.push(
+              `/tenderManage/${
+                row.status === 0 ? 'inviteTender' : 'tenderDetail'
+              }?id=${row.id}`
+            )
+          "
+        >
+          详情
+        </el-button>
+      </template>
+    </TenderTable>
   </div>
 </template>