工位文件

gaoshp

2024-05-22 f1f72f7188a09e88f9ffbb8d7c180f474987b96b

工位文件

 src/views/dnc/station-file/File.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,19 @@
<!--
 * @Date: 2024-05-22 23:37:07
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-22 23:37:12
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/station-file/File.vue
-->
<template>
    <div>
        å·¥ä½æ–‡ä»¶
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped></style>

 src/views/dnc/station-file/Log.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,68 @@
<!--
 * @Date: 2024-05-22 23:18:15
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-22 23:35:38
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/station-file/Log.vue
-->
<template>
    <el-container>
        <el-header>
            <el-input v-model="params.name" style="width: 240px;margin-left: 8px;" placeholder="Please input">
                <template #prefix>文件名称</template>
            </el-input>
            <el-select v-model="params.typeId" style="width: 240px;margin-left: 8px;">
                <template #prefix>
                    æ–‡ä»¶ç±»åž‹
                </template>
                <el-option v-for="item in options.typeId" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
            <el-date-picker style="width: 260px;flex-grow: 0;margin-left: 8px;" v-model="params.name" type="daterange"
                range-separator="-" start-placeholder="操作开始时间" end-placeholder="操作结束时间">
            </el-date-picker>
            <el-select v-model="params.typeId" style="width: 240px;margin-left: 8px;margin-right: auto;">
                <template #prefix>
                    æ“ä½œç±»åž‹
                </template>
                <el-option v-for="item in options.typeId" :key="item.value" :label="item.label" :value="item.value" />
            </el-select>
        </el-header>
        <el-main>
            <scTable highlight-current-row @dataChange="dataChange" @row-click="rowClick" ref="table" :params="params"
                :apiObj="apiObj" @selection-change="selectionChange" stripe>
                <el-table-column type="selection" width="50"></el-table-column>
                <el-table-column label="文件名称" prop="name">
                </el-table-column>
                <el-table-column label="文件路径" prop="allPathName"></el-table-column>
                <el-table-column label="大小" prop="contentLength"></el-table-column>
                <el-table-column label="文件类型" prop="suffix"></el-table-column>
                <el-table-column label="更新时间" prop="updateTime"></el-table-column>
                <el-table-column label="操作" fixed="right" align="right" width="160">
                    <template #default="scope">
                        <el-button-group>
                            <el-button text type="primary" size="small"
                                @click="table_edit(scope.row, scope.$index)">编辑</el-button>
                            <el-button text type="primary" size="small" @click="del([scope.row])">删除</el-button>
                        </el-button-group>
                    </template>
                </el-table-column>
            </scTable>
        </el-main>
    </el-container>
</template>

<script>
export default {
    data() {
        return {
            params: {
                name: ''
            },
            options: {
                typeId: []
            }
        }
    },
}
</script>

<style lang="scss" scoped></style>

 src/views/dnc/station-file/index.vue

@@ -1,20 +1,55 @@
<!--
 * @Date: 2024-05-20 21:43:10
 * @LastEditors: Sneed
 * @LastEditTime: 2024-05-20 21:44:19
 * @LastEditTime: 2024-05-22 23:37:00
 * @FilePath: /belleson-frontend/Users/mache/Documents/demo/cps-web/src/views/dnc/station-file/index.vue
-->
<template>
    <el-main style="height: 100%;">
        <el-card shadow="never" style="height: 100%;" body-style="height: 100%">
            å·¥ä½æ–‡ä»¶
            <el-container>
                <el-aside width="200px">
                    <el-container>
                        <el-main>
                            <el-tree default-expand-all ref="tree" node-key="id" :data="treeData" :props="{
                                label: 'name',
                            }" @node-click="nodeClick" highlight-current :current-node-key="selectNode.id">
                                <template #default="{ node, data }">
                                    <span :class="data.isGroup ? 'active' : ''" class="custom-tree-node">
                                        <span>{{
                                            node.label || data.code }}</span>
                                    </span>
                                </template>
                            </el-tree>
                        </el-main>
                        <!-- <el-footer>
                            <el-button type="primary" round @click="addFolder">新增文件夹</el-button>
                        </el-footer> -->
                    </el-container>
                </el-aside>
                <el-main>
                    <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
                        <el-tab-pane label="工位文件" name="1">
                            <File></File>
                        </el-tab-pane>
                        <el-tab-pane label="操作日志" name="2">
                            <Log />
                        </el-tab-pane>
                    </el-tabs>
                </el-main>
            </el-container>
        </el-card>
    </el-main>
</template>

<script>
import Log from './Log.vue'
import File from './File.vue'
export default {

    components: {
        Log,
        File
    }
}
</script>