代码如下:
<el-skeleton v-if="loading" :rows="5" animated />
<!-- 表格 -->
<el-table v-else ref="multipleTableRef" :data="DataNoticeOriginData" style="width: 100%; margin: 18px auto"
max-height="420" :header-row-class-name="'table-header'" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="100" />
<el-table-column property="id" label="序号" align="center" width="220" />
<el-table-column property="name" label="Banner名称" width="120" show-overflow-tooltip align="center" />
<el-table-column property="image" label="Banner图片" width="200" align="center">
<template #default="scope">
<img :src="scope.row.image" alt="" width="30" height="30">
</template>
</el-table-column>
<el-table-column property="upTime" label="上架时间" width="180" align="center" :formatter="Ftime" />
<el-table-column property="outTime" label="下架时间" width="180" align="center" :formatter="Ftime2" />
<el-table-column property="sort" label="排序" width="90" align="center" />
<el-table-column property="status" label="状态" width="90" align="center" />
<el-table-column label="操作" width="250" align="center" fixed="right">
<template #="{ row, $index }" class="allBut">
<el-button type="primary" size="small" @click="EditBanner(row)" class="but">编辑</el-button>
<el-button type="primary" size="small" @click="DetailBanner({ ...row })" class="but">查看详情</el-button>
<el-button type="primary" size="small" @click="delBut(row)" class="but">删除</el-button>
</template>
</el-table-column>
</el-table>
const loading = ref(true)
请求到数据后骨架屏清除
const PostDataOrigin = async () => {
let data = await reqPostDataOrigin({})
DataNoticeOriginData.value = data.data
console.log(1, data)
loading.value = false
}