更新 表格组件

src/components/TenderTable.vue

@@ -13,11 +13,7 @@
       />
       <el-table-column label="发起人" prop="sponsorName" />
       <el-table-column label="投标数量" prop="bidNum" />
-      <el-table-column label="操作">
-        <template #default="scope">
-          <slot name="action" :row="scope.row" />
-        </template>
-      </el-table-column>
+      <slot></slot>
     </el-table>
     <div class="df aic jcfe" style="width: 100%">
       <el-pagination

src/views/tenderManage/tenderConsole.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="map-main-container df">
-    <AMapContainer></AMapContainer>
+    <AMapContainer class="map-container"></AMapContainer>
     <div class="right-bar tac df fdc jcsa">
       <div>2024年4月</div>
       <div>数据展示</div>
@@ -18,27 +18,31 @@
   <div class="data ml20">
     <div class="t20 mb10">江运招标</div>
     <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>
+      <el-table-column label="操作">
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="primary"
+            @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
+          >
+            详情
+          </el-button>
+        </template>
+      </el-table-column>
     </TenderTable>
     <div class="t20 mb10">海运招标</div>
     <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>
+      <el-table-column label="操作">
+        <template #default="{ row }">
+          <el-button
+            size="small"
+            type="primary"
+            @click="router.push(`/tenderManage/tenderDetail?id=${row.id}`)"
+          >
+            详情
+          </el-button>
+        </template>
+      </el-table-column>
     </TenderTable>
   </div>
 </template>
@@ -74,4 +78,7 @@ onMounted(() => {
   width: 300px;
   border: 1px solid #ddd;
 }
+.map-container {
+  width: 100%;
+}
 </style>

src/views/tenderManage/tenderList.vue

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