update

gaoshp

2024-05-26 7dbecd38861e98284ce0b5e4b297144444e9fb11

update

 src/views/dnc/transport/index.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,87 @@
<!--
 * @Date: 2024-05-26 21:59:53
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-26 22:11:25
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/transport/index.vue
-->
<template>
    <el-main style="height: 100%;">
        <el-card shadow="never" style="height: 100%;" body-style="height: 100%">
            <div class="main-container">
                <div class="main-container-item">
                    <el-row>
                        <el-col :span="8" :gutter="20">
                            <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
                                <el-tab-pane label="我的文档" name="1">

                                </el-tab-pane>
                                <el-tab-pane label="工艺管理" name="2">

                                </el-tab-pane>
                            </el-tabs>
                        </el-col>
                        <el-col :span="16">
                            <el-table :data="tableData" style="width: 100%">
                                <el-table-column type="selection" width="50"></el-table-column>
                                <el-table-column label="文件名称" prop="" width=""></el-table-column>
                                <el-table-column label="源路径" prop="" width=""></el-table-column>
                                <el-table-column label="大小" prop="" width=""></el-table-column>
                                <el-table-column label="文件类型" prop="" width=""></el-table-column>
                                <el-table-column label="更新时间" prop="" width=""></el-table-column>
                            </el-table>
                        </el-col>
                    </el-row>
                </div>
                <div class="main-container-item">
                    <el-row>
                        <el-col :span="8" :gutter="20">
                            <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
                                <el-tab-pane label="以太网" name="1">

                                </el-tab-pane>
                                <el-tab-pane label="内部存储" name="2">

                                </el-tab-pane>
                            </el-tabs>
                        </el-col>
                        <el-col :span="8">
                            <h3>程序</h3>
                            <el-table :data="tableData" style="width: 100%">
                                <el-table-column type="selection" width="50"></el-table-column>
                                <el-table-column label="文件名称" prop="" width=""></el-table-column>
                                <el-table-column label="存储空间" prop="" width=""></el-table-column>
                            </el-table>
                        </el-col>
                        <el-col :span="8">
                            <h3>文件</h3>
                            <el-table :data="tableData" style="width: 100%">
                                <el-table-column type="selection" width="50"></el-table-column>
                                <el-table-column label="文件名称" prop="" width=""></el-table-column>
                                <el-table-column label="存储空间" prop="" width=""></el-table-column>
                            </el-table>
                        </el-col>
                    </el-row>
                </div>
            </div>
        </el-card>
    </el-main>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.main-container {
    display: flex;
    flex-direction: column;
    height: 100%;

    &-item {
        height: 50%;
        flex: 0 0 auto;
    }
}
</style>