Browse Source

模型质量报告

yangjunjing 5 years ago
parent
commit
dd72d01528
1 changed files with 88 additions and 28 deletions
  1. 88 28
      src/views/model/report/index.vue

+ 88 - 28
src/views/model/report/index.vue

@@ -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>