竞拍明细；课程审核；课程内容仅查看

src/view/auctionManage/index.vue

@@ -256,6 +256,26 @@ async function auctionStateFunc(row,type) { //竞拍上架 下架
     },
   })
 }
+// 查看明细相关
+const viewParams = ref({
+  id:0,
+  type:1,
+  current_page:1,
+  page_size:10,
+  sort:'desc'
+})
+const dialogViewVisible = ref(false)
+const viewInfo = ref({})
+const view_total = ref(0)
+async function viewAuctionFunc(row) { // 竞拍明细
+  viewParams.value.id = row.id
+  dialogViewVisible.value = true
+  const res = await api.viewAutionDetail(viewParams.value)
+  if(res.code === 0) {
+    view_total.value = res.data.total
+    viewInfo.value = res.data.list
+  }
+}
 </script>
 <template>
   <div>
@@ -298,7 +318,7 @@ async function auctionStateFunc(row,type) { //竞拍上架 下架
         </el-popover>
       </div>
       <!--      数据列表-->
-      <el-table :data="tableData" @selection-change="handleSelectionChange">
+      <el-table :data="tableData" border @selection-change="handleSelectionChange">
         <el-table-column
           type="selection"
           width="55"
@@ -339,6 +359,13 @@ async function auctionStateFunc(row,type) { //竞拍上架 下架
               link
               @click="editAuctionFunc(scope.row)"
             >编辑</el-button>
+            <el-button
+              icon="view"
+              size="small"
+              type="primary"
+              link
+              @click="viewAuctionFunc(scope.row)"
+            >明细</el-button>
             <el-button
               icon="delete"
               size="small"
@@ -455,6 +482,32 @@ async function auctionStateFunc(row,type) { //竞拍上架 下架
           </div>
        </template>
     </el-drawer>
+    <!-- 查看明细窗口-->
+    <el-dialog v-model="dialogViewVisible" :before-close="closeViewDialog" title="竞拍明细">
+      <el-table :data="viewInfo" border >
+        <el-table-column align="center" label="ID"  prop="id"  />
+        <el-table-column align="center" label="用户名称"  prop="name"  />
+        <el-table-column align="center" label="投注积分"  prop="point"  />
+        <el-table-column align="center" label="是否中标"  prop="status"  />
+        <el-table-column align="center" label="参与时间"  prop="CreatedAt"  />
+      </el-table>
+      <div class="gva-pagination">
+        <el-pagination
+          :current-page="viewParams.current_page"
+          :page-size="viewParams.pageSize"
+          :page-sizes="[10, 30, 50, 100]"
+          :total="view_total"
+          layout="total, sizes, prev, pager, next, jumper"
+          @current-change="handleCurrentChange"
+          @size-change="handleSizeChange"
+        />
+      </div>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button size="small" @click="closeViewDialog">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
   </div>
 </template>
 <style scoped lang="scss">