eta_mobile_front/src/views/sheetList/sharedDetail.vue

<script setup name="sharedDetail">
import {nextTick, onMounted,ref,reactive} from 'vue'
import { useRoute } from "vue-router";
import apiSheetChart from '@/api/sheet'
const route = useRoute()
const queryData = ref({})

onMounted(() => {
    getExcelDetail()
})
//获取表格列表
async function getExcelDetail(){
    const res = await apiSheetChart.excelDetail({
        ExcelInfoId: route.query.id,
    })
    if(res.Ret!==200) return 
    queryData.value = res.Data
    console.log(queryData.value)
}
</script>

<template>
    <div class="page">
        <div class="top-box">
            <div class="top-item">作者：{{ queryData.SysUserRealName }}</div>
            <div class="top-item">最近保存时间：{{ queryData.CreateTime?.slice(0,10) }}</div>
            <div class="top-item"><van-icon name="cross" @click.stop="IsShowCatalog=false"/></div>
        </div>
        <div class="sheet-box"></div>
    </div>
</template>

<style lang="scss" scoped>
.page{
    width: 100%;
    height: 100vh;
    padding: 24px;
    .top-box {
        width: 100%;
        height: 40px;
        display: flex;
        justify-content: space-between;
        .item {

        }
    }
    .sheet-box{
        width: 100%;
        height: 100%;
        background-color: pink;
    }
}
</style>