|
@@ -17,8 +17,30 @@
|
|
|
<el-button size="small" @click="deleteSystem">删除系统</el-button>
|
|
|
</div>
|
|
|
</el-row>
|
|
|
- <div v-if="activeTab=='detail'" style="height:calc(100% - 110px)">
|
|
|
- <div>开发中...</div>
|
|
|
+ <div v-if="activeTab=='detail'" class="content">
|
|
|
+ <div class="content-left">
|
|
|
+ <div class="content-showType"></div>
|
|
|
+ <div class="content-point">
|
|
|
+ <div class="content-point-left">
|
|
|
+ <el-scrollbar style="height:100%;">
|
|
|
+ <div style="height:1000px"></div>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ <div class="content-point-right">
|
|
|
+ <el-scrollbar style="height:100%;">
|
|
|
+ <div style="height:1000px"></div>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="content-right">
|
|
|
+ <div class="content-repair"></div>
|
|
|
+ <div class="content-media">
|
|
|
+ <el-scrollbar style="height:100%;">
|
|
|
+ <div style="height:1000px"></div>
|
|
|
+ </el-scrollbar>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- 系统内设备 -->
|
|
|
<deviceTable v-if="activeTab=='Equipment'" :params="params" :type="activeTab"></deviceTable>
|
|
@@ -31,11 +53,16 @@
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import { mapGetters } from "vuex"
|
|
|
-import { queryLinkSys, deleteGeneralSys, queryDictionaryHead, buildingQuery } from '@/api/scan/request'
|
|
|
-import cenoteTable from '@/components/ledger/system/table/cenoteTable'
|
|
|
-import deviceTable from '@/components/ledger/system/table/deviceTable'
|
|
|
-import spaceTable from '@/components/ledger/system/table/spaceTable'
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+import { getDataDictionary, queryLinkSys, deleteGeneralSys, queryDictionaryHead, buildingQuery } from '@/api/scan/request';
|
|
|
+
|
|
|
+import cenoteTable from '@/components/ledger/system/table/cenoteTable';
|
|
|
+import deviceTable from '@/components/ledger/system/table/deviceTable';
|
|
|
+import spaceTable from '@/components/ledger/system/table/spaceTable';
|
|
|
+import exhibitionBaseInformation from "@/components/ledger/details/detail/exhibitionBaseInformation";
|
|
|
+import exhibitionFile from "@/components/ledger/details/detail/exhibitionFile";
|
|
|
+import exhibitionImage from "@/components/ledger/details/detail/exhibitionImage";
|
|
|
+import selectRadio from "@/components/ledger/details/detail/selectRadio";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -47,7 +74,8 @@ export default {
|
|
|
{ Code: 'space', Name: '系统所在业务空间' },
|
|
|
], //tab页
|
|
|
activeTab: 'detail', //当前选中的tab
|
|
|
- systemDetails: {}, //系统信息,
|
|
|
+ pointData: [], //信息点数据
|
|
|
+ exampleData: {}, //实例数据
|
|
|
spaceType: {},//空间种类
|
|
|
floorType: {}
|
|
|
}
|
|
@@ -58,11 +86,15 @@ export default {
|
|
|
components: {
|
|
|
cenoteTable,
|
|
|
deviceTable,
|
|
|
- spaceTable
|
|
|
+ spaceTable,
|
|
|
+ exhibitionBaseInformation,
|
|
|
+ exhibitionFile,
|
|
|
+ exhibitionImage,
|
|
|
+ selectRadio
|
|
|
},
|
|
|
created() {
|
|
|
this.params = this.$route.query;
|
|
|
- this.getSystemDetails();
|
|
|
+ this.getData();
|
|
|
|
|
|
let pa = {
|
|
|
Filters: `parentId='Space'`
|
|
@@ -107,14 +139,32 @@ export default {
|
|
|
params: this.params
|
|
|
})
|
|
|
},
|
|
|
- // 查询系统详情
|
|
|
- getSystemDetails() {
|
|
|
- let pa = {
|
|
|
- Filters: `SysID="${this.params.SysID}"`
|
|
|
- }
|
|
|
- queryLinkSys(pa, res => {
|
|
|
- this.systemDetails = res.Content[0];
|
|
|
- })
|
|
|
+ // 获取表头和实例数据
|
|
|
+ getData () {
|
|
|
+ let params1 = {
|
|
|
+ data: {
|
|
|
+ Orders: "sort asc",
|
|
|
+ PageNumber: 1,
|
|
|
+ PageSize: 1000
|
|
|
+ },
|
|
|
+ type: this.params.SysType
|
|
|
+ }, params2 = {
|
|
|
+ Filters: `SysID='${this.params.SysID}'`,
|
|
|
+ };
|
|
|
+ let promise1 = new Promise((resolve, reject) => {
|
|
|
+ getDataDictionary(params1, res => {
|
|
|
+ resolve(res)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ let promise2 = new Promise((resolve, reject) => {
|
|
|
+ queryLinkSys(params2, res => {
|
|
|
+ resolve(res)
|
|
|
+ })
|
|
|
+ })
|
|
|
+ Promise.all([promise1, promise2]).then(values => {
|
|
|
+ this.pointData = values[0].Content;
|
|
|
+ this.exampleData = values[1].Content[0];
|
|
|
+ })
|
|
|
},
|
|
|
// 删除系统
|
|
|
deleteSystem() {
|
|
@@ -124,7 +174,7 @@ export default {
|
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
|
let pa = [{
|
|
|
- SysID: this.systemDetails.SysID
|
|
|
+ SysID: this.exampleData.SysID
|
|
|
}]
|
|
|
this.removeSys(pa)
|
|
|
}).catch(() => {
|
|
@@ -150,7 +200,7 @@ export default {
|
|
|
flex-direction: column;
|
|
|
border: 1px solid #dfe6ec;
|
|
|
background: #fff;
|
|
|
- margin-bottom: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
.header {
|
|
|
padding-bottom: 10px;
|
|
|
span {
|
|
@@ -177,6 +227,48 @@ export default {
|
|
|
border-bottom: 1px solid #e4e7ed;
|
|
|
}
|
|
|
}
|
|
|
+ .content {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: calc(100% - 99px);
|
|
|
+ .content-left {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ flex: 1;
|
|
|
+ .content-showType {
|
|
|
+ height: 50px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ border-bottom: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .content-point {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ height: calc(100% - 50px);
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ box-sizing: border-box;
|
|
|
+ .content-point-left {
|
|
|
+ flex: 1;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .content-right {
|
|
|
+ width: 400px;
|
|
|
+ margin-left: 10px;
|
|
|
+ .content-repair {
|
|
|
+ height: 50px;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ .content-media {
|
|
|
+ height: calc(100% - 60px);
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
.main {
|
|
|
margin-top: 10px;
|
|
|
height: calc(100% - 96px);
|
|
@@ -184,6 +276,9 @@ export default {
|
|
|
.footer {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
+ /deep/ .el-scrollbar__wrap {
|
|
|
+ overflow-x: hidden;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|