|
@@ -1,36 +1,96 @@
|
|
|
<template>
|
|
|
- <div>
|
|
|
- <das-board>
|
|
|
- <template v-slot:plan>
|
|
|
- <span>{{plan?plan:"yyyy-mm-dd"}}</span>
|
|
|
- </template>
|
|
|
- <template v-slot:finish>
|
|
|
- <span>{{finish?finish:"yyyy-mm-dd"}}</span>
|
|
|
- </template>
|
|
|
- <template v-slot:onLine>
|
|
|
- <span>{{onLine?onLine:"yyyy-mm-dd"}}</span>
|
|
|
- </template>
|
|
|
- <template v-slot:explain>
|
|
|
- <span>{{explain?explain:"yyyy-mm-dd"}}</span>
|
|
|
- </template>
|
|
|
- </das-board>
|
|
|
+ <div>
|
|
|
+ <div class="statistics">
|
|
|
+ <div class="building">
|
|
|
+ <p>建筑模型文件夹:<b>{{8}}</b></p>
|
|
|
+ </div>
|
|
|
+ <div class="includefloor">
|
|
|
+ <p>包含楼层模型文件:<b>{{45}}</b></p>
|
|
|
+ </div>
|
|
|
+ <div class="problematic">
|
|
|
+ <p>检查出问题的楼层模型文件:<b>{{12}}</b></p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <div class="main-content">
|
|
|
+ <div class="tab-box">
|
|
|
+ <el-tabs v-model="activeTab" type='card'>
|
|
|
+ <template v-for="(item,index) in tableList">
|
|
|
+ <el-tab-pane :name="item.Code" :key="index" :label="item.Name">{{'模型文件夹1'}}</el-tab-pane>
|
|
|
+ </template>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ <div class="content-box">
|
|
|
+ <div class="button">
|
|
|
+ <el-button @click="addFloorFile">添加楼层文件</el-button>
|
|
|
+ <el-button @click="queryFloorFile(currentFolderId)">刷新</el-button>
|
|
|
+ </div>
|
|
|
+ <div class="table">
|
|
|
+ <el-table ref="multipleTable" :data="tableData" stripe height="100%" :header-cell-style="headerStyle">
|
|
|
+ <el-table-column prop="functionNo" label="模型楼层"></el-table-column>
|
|
|
+ <el-table-column prop="functionNo" label="待删除设备数量"></el-table-column>
|
|
|
+ <el-table-column prop="functionNo" label="待补充设备数量"></el-table-column>
|
|
|
+ <el-table-column prop="functionNo" label="有问题的检查项"></el-table-column>
|
|
|
+ <template slot="empty">
|
|
|
+ <div style="height: 100%;transform: translateY(50%);">
|
|
|
+ <i class="icon-wushuju iconfont"></i>
|
|
|
+ 数据暂无
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
import dasBoard from "@/views/dasboard/index";
|
|
|
export default {
|
|
|
- components: {
|
|
|
- dasBoard
|
|
|
- },
|
|
|
- data() {
|
|
|
- return {
|
|
|
- plan: "2019-09-04",
|
|
|
- finish: "2019-10-17",
|
|
|
- onLine: "2019-10-30",
|
|
|
- explain: "模型校验后的数据报告,用于查看上传模型的相关情况。"
|
|
|
- }
|
|
|
- },
|
|
|
- mounted() {}
|
|
|
+ components: {
|
|
|
+ dasBoard
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ tableList: [
|
|
|
+ { Code: 'one', Name: '模型文件夹1' },
|
|
|
+ { Code: 'two', Name: '模型文件夹2' },
|
|
|
+ { Code: 'three', Name: '模型文件夹3' }
|
|
|
+ ],
|
|
|
+ headerStyle: {// 列表样式
|
|
|
+ backgroundColor: '#e1e4e5',
|
|
|
+ color: '#2b2b2b',
|
|
|
+ lineHeight: '30px'
|
|
|
+ },
|
|
|
+ }
|
|
|
+ },
|
|
|
+ mounted() { }
|
|
|
+}
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="less" scoped>
|
|
|
+.statistics {
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ padding: 20px 0;
|
|
|
+ background: white;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ div {
|
|
|
+ flex: 1;
|
|
|
+ text-align: center;
|
|
|
+ p {
|
|
|
+ b {
|
|
|
+ font-size: 20px;
|
|
|
+ margin-left: 20px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+.main-content {
|
|
|
+ width: 100%;
|
|
|
+ height: calc(100% - 90px);
|
|
|
+ background: white;
|
|
|
+ .content-box {
|
|
|
+ padding: 0 10px;
|
|
|
+ }
|
|
|
}
|
|
|
-</script>
|
|
|
+</style>
|