|
@@ -13,25 +13,38 @@
|
|
|
</div>
|
|
|
<div class="main-content">
|
|
|
<div class="tab-box">
|
|
|
- <el-tabs v-model="activeTab" type='card'>
|
|
|
+ <el-tabs v-model="activeTab" type='card' @tab-click="getData">
|
|
|
<template v-for="(item,index) in tableList">
|
|
|
- <el-tab-pane :name="item.Code" :key="index" :label="item.Name">{{'模型文件夹1'}}</el-tab-pane>
|
|
|
+ <el-tab-pane :name="item.Code" :key="index" :label="item.Name">
|
|
|
+ <span slot="label">
|
|
|
+ <!-- <i :class="iconClassMap[scope.row.Type]?iconClassMap[scope.row.Type]:'msg-icon el-icon-warning warning-color'"
|
|
|
+ style="font-size:14px;"></i>-->
|
|
|
+ <i :class="'msg-icon el-icon-error error-color'" style="font-size:14px;"></i>
|
|
|
+ <span>{{ item.Name }}</span>
|
|
|
+ </span>
|
|
|
+ </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 class="button" @click="buttonOperation">
|
|
|
+ <el-button @click="del">需从模型中删除的设备</el-button>
|
|
|
+ <el-button @click="supplement">模型待补充的设备</el-button>
|
|
|
+ <el-button class="export">
|
|
|
+ 导出模型问题报告
|
|
|
+ <el-link href="" download="" :underline="false" type="info"></el-link>
|
|
|
+ </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>
|
|
|
+ <div class="table" style="width: 100%;height: calc(100% - 47px)">
|
|
|
+ <!-- <el-table ref="multipleTable" :data="tableData" stripe height="100%" :header-cell-style="headerStyle"> -->
|
|
|
+ <el-table ref="multipleTable" stripe height="100%" :header-cell-style="headerStyle">
|
|
|
+ <el-table-column prop="InfoPointName" label="模型楼层" fixed width="150"></el-table-column>
|
|
|
+ <el-table-column prop="functionNo" label="待删除设备数量" fixed width="150"></el-table-column>
|
|
|
+ <el-table-column prop="functionNoDynamicData" label="待补充设备数量" fixed width="150"></el-table-column>
|
|
|
+ <el-table-column prop="functionNoDynamicData" label="有问题的检查项" fixed width="150"></el-table-column>
|
|
|
+ <el-table-column prop="functionNoDynamicData" :label="item" v-for="item in checkItem" :key="item" width="150"></el-table-column>
|
|
|
<template slot="empty">
|
|
|
- <div style="height: 100%;transform: translateY(50%);">
|
|
|
+ <div style="height: 60%;transform: translate(-22%,50%);">
|
|
|
<i class="icon-wushuju iconfont"></i>
|
|
|
数据暂无
|
|
|
</div>
|
|
@@ -51,19 +64,46 @@ export default {
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
- tableList: [
|
|
|
+ tableList: [ // tab数据
|
|
|
{ Code: 'one', Name: '模型文件夹1' },
|
|
|
{ Code: 'two', Name: '模型文件夹2' },
|
|
|
{ Code: 'three', Name: '模型文件夹3' }
|
|
|
],
|
|
|
- headerStyle: {// 列表样式
|
|
|
+ activeTab: '', // tab当前选中项
|
|
|
+ headerStyle: { // 列表样式
|
|
|
backgroundColor: '#e1e4e5',
|
|
|
color: '#2b2b2b',
|
|
|
lineHeight: '30px'
|
|
|
},
|
|
|
+ checkItem: ['构件范围检查', '设备族编码检查', '部件所在位置检查', '柱边界检查', '连接件检查', '系统类型名称检查', '未在空间中的设备', '管段检查', '管网及相关设备检查', 'Revit族参数完整性检查', 'xyz坐标重叠检查'], // 检查项数据
|
|
|
+ iconClassMap: { // 模型文件夹icon映射
|
|
|
+ "Success": "msg-icon el-icon-success success-color",
|
|
|
+ "Error": "msg-icon el-icon-error error-color",
|
|
|
+ },
|
|
|
}
|
|
|
},
|
|
|
- mounted() { }
|
|
|
+ mounted() { },
|
|
|
+ created() {
|
|
|
+ this.activeTab = this.tableList[0].Code;// 默认选中第一个模型文件夹
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getData(tab) {
|
|
|
+ // 切换tab时执行
|
|
|
+ console.log(tab, 3939)
|
|
|
+ },
|
|
|
+ buttonOperation(e) {
|
|
|
+ // 点击顶部按钮的操作
|
|
|
+ console.log(e, 333)
|
|
|
+ },
|
|
|
+ del() {
|
|
|
+ let jumpRouter = this.$router.resolve({ path: '/deleted' })
|
|
|
+ window.open(jumpRouter.href, '_blank')
|
|
|
+ },
|
|
|
+ supplement() {
|
|
|
+ let jumpRouter = this.$router.resolve({ path: '/supplement' })
|
|
|
+ window.open(jumpRouter.href, '_blank')
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|
|
@@ -90,7 +130,34 @@ export default {
|
|
|
height: calc(100% - 90px);
|
|
|
background: white;
|
|
|
.content-box {
|
|
|
- padding: 0 10px;
|
|
|
+ height: calc(100% - 56px);
|
|
|
+ .table {
|
|
|
+ margin-top: 15px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
+.button {
|
|
|
+ padding-left: 10px;
|
|
|
+ .el-link {
|
|
|
+ font-size: 12px;
|
|
|
+ text-decoration: none;
|
|
|
+ color: #606266 !important;
|
|
|
+ }
|
|
|
+ .export {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ a {
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+}
|
|
|
+.success-color {
|
|
|
+ color: #67c23a;
|
|
|
+}
|
|
|
+.error-color {
|
|
|
+ color: #f56c6c;
|
|
|
+}
|
|
|
</style>
|