|
@@ -1,28 +1,195 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <das-board>
|
|
|
- <template v-slot:explain>
|
|
|
- <span>{{explain}}</span>
|
|
|
- </template>
|
|
|
- <template v-slot:time>
|
|
|
- <span>{{time}}</span>
|
|
|
- </template>
|
|
|
- </das-board>
|
|
|
- </div>
|
|
|
+ <div id="file_moddle_manage">
|
|
|
+ <!-- 左边模型文件夹列表 -->
|
|
|
+ <el-col :span="5">
|
|
|
+ <div class="grid-content grid-left">
|
|
|
+ <el-card class="box-card" :body-style="{ padding: '0px' }">
|
|
|
+ <div class="top_hand left_top_hand">
|
|
|
+ <div class="folder-box">
|
|
|
+ <i class="box-icon el-icon-circle-plus-outline"></i>
|
|
|
+ <i class="box-icon el-icon-remove-outline"></i>
|
|
|
+ </div>
|
|
|
+ <div class="file-box">
|
|
|
+ <i class="box-icon el-icon-edit"></i>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="folder-list">
|
|
|
+ <div class="head">模型文件夹</div>
|
|
|
+ <ul class="lists">
|
|
|
+ <li @click="openFolder">文件夹1</li>
|
|
|
+ <li @click="openFolder">文件夹2</li>
|
|
|
+ <li @click="openFolder">文件夹13</li>
|
|
|
+ <li @click="openFolder">文件夹4</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
+ </el-card>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <!-- 右边文件表格 -->
|
|
|
+ <el-col :span="19">
|
|
|
+ <div class="grid-content"></div>
|
|
|
+ <el-card class="box-card" :body-style="{ padding: '0px' }">
|
|
|
+ <!-- 顶部操作栏 -->
|
|
|
+ <div class="top_hand right_top_hand">
|
|
|
+ <el-button type="primary">添加楼层文件</el-button>
|
|
|
+ <el-button type="primary" round>刷新</el-button>
|
|
|
+ </div>
|
|
|
+ <el-table
|
|
|
+ :data="tableData"
|
|
|
+ style="width: 100%"
|
|
|
+ :header-cell-style="{background:'#909399',color:'#000'}"
|
|
|
+ >
|
|
|
+ <el-table-column prop="date" label="模型文件" width="180">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <i class="el-icon-document-checked" width="30" height="30"></i>
|
|
|
+ <span style="margin-left: 10px">{{ scope.row.date }}</span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="name" label="备注" width="180"></el-table-column>
|
|
|
+ <el-table-column prop="address" label="版本号"></el-table-column>
|
|
|
+ <el-table-column prop="address" label="上传时间"></el-table-column>
|
|
|
+ <el-table-column prop="address" label="上传人"></el-table-column>
|
|
|
+ <el-table-column prop="address" label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button type="primary" icon="el-icon-download"></el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-goods" @click="handleClick(scope.row)"></el-button>
|
|
|
+ <el-button type="primary" icon="el-icon-date"></el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </el-card>
|
|
|
+ </el-col>
|
|
|
+ <!-- 弹窗 开始-->
|
|
|
+
|
|
|
+ <!-- 模型日志弹窗 -->
|
|
|
+ <modelLog></modelLog>
|
|
|
+ <!-- 替换模型弹窗 -->
|
|
|
+ <repliceModel></repliceModel>
|
|
|
+ <!-- 新增楼层 -->
|
|
|
+ <addFloorDialog></addFloorDialog>
|
|
|
+ <!-- 新增文件夹名称 -->
|
|
|
+ <addFolder></addFolder>
|
|
|
+ <!-- 弹窗 结束-->
|
|
|
+
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import dasBoard from "@/views/dasboard/index";
|
|
|
+import modelLog from "@/components/model/file/modelLog" //模型日志弹窗
|
|
|
+import repliceModel from '@/components/model/file/replaceModelDialog' //替换模型弹窗
|
|
|
+import addFloorDialog from '@/components/model/file/addFloorDialog' //新增楼层弹窗
|
|
|
+import addFolder from '@/components/model/file/addFolder' //新增文件夹
|
|
|
export default {
|
|
|
- components: {
|
|
|
- dasBoard
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- explain:"模型文件管理",
|
|
|
- time:"2019-06-25"
|
|
|
+ components: {
|
|
|
+ dasBoard,
|
|
|
+ modelLog,
|
|
|
+ repliceModel,
|
|
|
+ addFloorDialog,
|
|
|
+ addFolder
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ explain: "模型文件管理",
|
|
|
+ time: "2019-06-25",
|
|
|
+ tableData: [
|
|
|
+ {
|
|
|
+ date: "2016-05-02",
|
|
|
+ name: "王小虎",
|
|
|
+ address: "上海市普陀区金沙江路 1518 弄"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ date: "2016-05-04",
|
|
|
+ name: "王小虎",
|
|
|
+ address: "上海市普陀区金沙江路 1517 弄"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ date: "2016-05-01",
|
|
|
+ name: "王小虎",
|
|
|
+ address: "上海市普陀区金沙江路 1519 弄"
|
|
|
+ },
|
|
|
+ {
|
|
|
+ date: "2016-05-03",
|
|
|
+ name: "王小虎",
|
|
|
+ address: "上海市普陀区金沙江路 1516 弄"
|
|
|
}
|
|
|
- },
|
|
|
- mounted() {}
|
|
|
+ ]
|
|
|
+ };
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ openFolder() {}
|
|
|
+ },
|
|
|
+ mounted() {}
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+#file_moddle_manage {
|
|
|
+ width: 100%;
|
|
|
+ .box-card {
|
|
|
+ min-height: 800px;
|
|
|
+ }
|
|
|
+ .grid-left {
|
|
|
+ padding-right: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ // 顶部
|
|
|
+ .top_hand {
|
|
|
+ height: 60px;
|
|
|
+ width: 100%;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ display: flex;
|
|
|
+ }
|
|
|
+ .left_top_hand {
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+ .folder-box {
|
|
|
+ display: flex;
|
|
|
+ height: 40px;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
+ .box-icon {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+ font-size: 30px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ float: left;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 左侧文件夹列表
|
|
|
+ .folder-list {
|
|
|
+ width: 100%;
|
|
|
+ .head {
|
|
|
+ height: 42px;
|
|
|
+ width: 100%;
|
|
|
+ padding-left: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #909399;
|
|
|
+ color: #000;
|
|
|
+ display: flex;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .lists {
|
|
|
+ width: 100%;
|
|
|
+ li {
|
|
|
+ height: 42px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: left;
|
|
|
+ align-items: center;
|
|
|
+ padding-left: 20px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ li:hover {
|
|
|
+ background: #909399;
|
|
|
+ }
|
|
|
+ .li-active {
|
|
|
+ background: #909399;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
-</script>
|
|
|
+</style>
|