|
@@ -4,62 +4,29 @@
|
|
<div class="l-list">
|
|
<div class="l-list">
|
|
<div class="action-box">
|
|
<div class="action-box">
|
|
<div>
|
|
<div>
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="default"
|
|
|
|
- icon="el-icon-plus"
|
|
|
|
- @click="addBuild"
|
|
|
|
- />
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="default"
|
|
|
|
- icon="el-icon-minus"
|
|
|
|
- @click="delBuild"
|
|
|
|
- />
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="default"
|
|
|
|
- icon="el-icon-edit-outline"
|
|
|
|
- @click="editBuild"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-button size="small" type="default" icon="el-icon-plus" @click="addBuild" />
|
|
|
|
+ <el-button size="small" type="default" icon="el-icon-minus" @click="delBuild" />
|
|
|
|
+ <el-button size="small" type="default" icon="el-icon-edit-outline" @click="editBuild" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h4>建筑</h4>
|
|
<h4>建筑</h4>
|
|
<div class="build-list">
|
|
<div class="build-list">
|
|
- <div
|
|
|
|
- v-for="(item,index) in buildList"
|
|
|
|
- :key="item.BuildID"
|
|
|
|
- :class="{'floor-item':true,active:currentIndex === index}"
|
|
|
|
- @click="changeBuild(index)"
|
|
|
|
- >
|
|
|
|
|
|
+ <div v-for="(item,index) in buildList" :key="item.BuildID" :class="{'floor-item':true,active:currentIndex === index}"
|
|
|
|
+ @click="changeBuild(index)">
|
|
<span>
|
|
<span>
|
|
{{item.BuildLocalName || item.BuildName}}
|
|
{{item.BuildLocalName || item.BuildName}}
|
|
- <el-badge
|
|
|
|
- v-if="item.Count>0"
|
|
|
|
- class="mark"
|
|
|
|
- :value="item.Count"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-badge v-if="item.Count>0" class="mark" :value="item.Count" />
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="r-table">
|
|
<div class="r-table">
|
|
<div class="action-box">
|
|
<div class="action-box">
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="default"
|
|
|
|
- @click="addFloor"
|
|
|
|
- >添加楼层
|
|
|
|
- </el-button>
|
|
|
|
|
|
+ <el-button size="small" type="default" @click="addFloor">添加楼层
|
|
|
|
+ </el-button>
|
|
</div>
|
|
</div>
|
|
<div class="table-box">
|
|
<div class="table-box">
|
|
- <el-table
|
|
|
|
- :data="tableData"
|
|
|
|
- style="width: 100%"
|
|
|
|
- height="100%"
|
|
|
|
- v-loading="loading"
|
|
|
|
- :header-cell-style="headerStyle"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle">
|
|
<el-table-column label="楼层本地名">
|
|
<el-table-column label="楼层本地名">
|
|
<template slot-scope="scope">{{scope.row.FloorLocalName||scope.row.FloorName}}</template>
|
|
<template slot-scope="scope">{{scope.row.FloorLocalName||scope.row.FloorName}}</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
@@ -68,68 +35,35 @@
|
|
</el-table-column>
|
|
</el-table-column>
|
|
<el-table-column label="楼层信息">
|
|
<el-table-column label="楼层信息">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- @click="editFloorData(scope.row)"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-edit-outline"
|
|
|
|
- ></el-button>
|
|
|
|
|
|
+ <el-button size="mini" @click="editFloorData(scope.row)" plain icon="el-icon-edit-outline"></el-button>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- prop="Datasource"
|
|
|
|
- label="平面图"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column prop="Datasource" label="平面图">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <p
|
|
|
|
- v-if="scope.row.Sign>0"
|
|
|
|
- @click="checkDrawImg(scope.row,2)"
|
|
|
|
- >
|
|
|
|
|
|
+ <p v-if="scope.row.Sign>0" @click="checkDrawImg(scope.row,2)">
|
|
<el-badge is-dot>
|
|
<el-badge is-dot>
|
|
- <i class="iconfont icon-floorplan"/>
|
|
|
|
|
|
+ <i class="iconfont icon-floorplan" />
|
|
</el-badge>平面图重复
|
|
</el-badge>平面图重复
|
|
</p>
|
|
</p>
|
|
- <p
|
|
|
|
- v-else-if="scope.row.StructureInfo?scope.row.StructureInfo.FloorMap:false"
|
|
|
|
- @click="checkDrawImg(scope.row,1)"
|
|
|
|
- >
|
|
|
|
- <i class="iconfont icon-floorplan"/>
|
|
|
|
|
|
+ <p v-else-if="scope.row.StructureInfo?scope.row.StructureInfo.FloorMap:false" @click="checkDrawImg(scope.row,1)">
|
|
|
|
+ <i class="iconfont icon-floorplan" />
|
|
查看平面图
|
|
查看平面图
|
|
</p>
|
|
</p>
|
|
- <p
|
|
|
|
- v-else
|
|
|
|
- @click="checkDrawImg(scope.row,3)"
|
|
|
|
- >
|
|
|
|
- <i class="iconfont icon-nopicture"/>
|
|
|
|
|
|
+ <p v-else @click="checkDrawImg(scope.row,3)">
|
|
|
|
+ <i class="iconfont icon-nopicture" />
|
|
暂无平面图
|
|
暂无平面图
|
|
</p>
|
|
</p>
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- prop="SubTypeName"
|
|
|
|
- label="楼层贯通关系"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-table-column prop="SubTypeName" label="楼层贯通关系">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
<span style="margin-right:20px">{{scope.row.FloorThroughList?scope.row.FloorThroughList.length:0}}</span>
|
|
<span style="margin-right:20px">{{scope.row.FloorThroughList?scope.row.FloorThroughList.length:0}}</span>
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- @click="changeConnection(scope.row)"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-edit-outline"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-button size="mini" @click="changeConnection(scope.row)" plain icon="el-icon-edit-outline" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
- <el-table-column
|
|
|
|
- prop="action"
|
|
|
|
- label="操作">
|
|
|
|
|
|
+ <el-table-column prop="action" label="操作">
|
|
<template slot-scope="scope">
|
|
<template slot-scope="scope">
|
|
- <el-button
|
|
|
|
- size="mini"
|
|
|
|
- @click="handleDelete(scope.row)"
|
|
|
|
- type="danger"
|
|
|
|
- plain
|
|
|
|
- icon="el-icon-delete"
|
|
|
|
- />
|
|
|
|
|
|
+ <el-button size="mini" @click="handleDelete(scope.row)" type="danger" plain icon="el-icon-delete" />
|
|
</template>
|
|
</template>
|
|
</el-table-column>
|
|
</el-table-column>
|
|
</el-table>
|
|
</el-table>
|
|
@@ -137,339 +71,281 @@
|
|
</div>
|
|
</div>
|
|
</el-row>
|
|
</el-row>
|
|
<!-- 添加-修改楼层 -->
|
|
<!-- 添加-修改楼层 -->
|
|
- <addFloor
|
|
|
|
- :title="floorTitle"
|
|
|
|
- ref="addFloorDialog"
|
|
|
|
- :curBuildId="curBuildId"
|
|
|
|
- :curFloorId="curFloorId"
|
|
|
|
- @refresh="refresh"
|
|
|
|
- />
|
|
|
|
|
|
+ <addFloor :title="floorTitle" ref="addFloorDialog" :curBuildId="curBuildId" :curFloorId="curFloorId" @refresh="refresh" />
|
|
<!-- 添加-修改建筑 -->
|
|
<!-- 添加-修改建筑 -->
|
|
- <addBuild
|
|
|
|
- :title="buildTitle"
|
|
|
|
- ref="addBuildDialog"
|
|
|
|
- />
|
|
|
|
|
|
+ <addBuild :title="buildTitle" ref="addBuildDialog" />
|
|
<!-- 删除建筑-删除楼层 -->
|
|
<!-- 删除建筑-删除楼层 -->
|
|
- <el-dialog
|
|
|
|
- title="提示"
|
|
|
|
- :visible.sync="delDialogVis"
|
|
|
|
- width="20%"
|
|
|
|
- @close="handleClose"
|
|
|
|
- id="messageDialog"
|
|
|
|
- >
|
|
|
|
|
|
+ <el-dialog title="提示" :visible.sync="delDialogVis" width="20%" @close="handleClose" id="messageDialog">
|
|
<div>确定要删除该{{delText}}?</div>
|
|
<div>确定要删除该{{delText}}?</div>
|
|
- <span
|
|
|
|
- slot="footer"
|
|
|
|
- class="dialog-footer"
|
|
|
|
- >
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- @click="delDialogVis=false"
|
|
|
|
- >取消</el-button>
|
|
|
|
- <el-button
|
|
|
|
- size="small"
|
|
|
|
- type="primary"
|
|
|
|
- @click="confirmDel"
|
|
|
|
- >确认</el-button>
|
|
|
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
|
+ <el-button size="small" @click="delDialogVis=false">取消</el-button>
|
|
|
|
+ <el-button size="small" type="primary" @click="confirmDel">确认</el-button>
|
|
</span>
|
|
</span>
|
|
</el-dialog>
|
|
</el-dialog>
|
|
<!-- 添加贯通关系弹窗 -->
|
|
<!-- 添加贯通关系弹窗 -->
|
|
- <addConnectivity
|
|
|
|
- ref="addConnectivity"
|
|
|
|
- @refresh="refresh"
|
|
|
|
- />
|
|
|
|
|
|
+ <addConnectivity ref="addConnectivity" @refresh="refresh" />
|
|
<!-- 查看图片弹窗 -->
|
|
<!-- 查看图片弹窗 -->
|
|
- <checkGraphy
|
|
|
|
- ref="checkGraphy"
|
|
|
|
- @refresh="refresh"
|
|
|
|
- />
|
|
|
|
-
|
|
|
|
-<!-- <el-row :gutter="24">-->
|
|
|
|
-<!-- <el-col :span="4">-->
|
|
|
|
-<!-- <sidebar-->
|
|
|
|
-<!-- :content="buildList"-->
|
|
|
|
-<!-- @currentBuild="currentBuild"-->
|
|
|
|
-<!-- />-->
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
-<!-- <el-col :span="20" style="float:right;">-->
|
|
|
|
-<!-- <container-->
|
|
|
|
-<!-- :curBuildId="curBuildId"-->
|
|
|
|
-<!-- :tableData="tableData"-->
|
|
|
|
-<!-- @checkDrawImg="checkDrawImg"-->
|
|
|
|
-<!-- @confirmDel="confirmDel"-->
|
|
|
|
-<!-- />-->
|
|
|
|
-<!-- </el-col>-->
|
|
|
|
-<!-- </el-row>-->
|
|
|
|
|
|
+ <checkGraphy ref="checkGraphy" @refresh="refresh" :alreadyRelatedModel='alreadyRelatedModel'></checkGraphy>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
- import container from "../../../components/ready/buildfloor/container";
|
|
|
|
- import sidebar from "../../../components/ready/buildfloor/sidebar";
|
|
|
|
- import addFloor from "@/views/ready/buildfloor/addFloor/index";
|
|
|
|
- import addBuild from "@/components/ready/buildfloor/addBuild";
|
|
|
|
- import {mapGetters} from "vuex";
|
|
|
|
- import addConnectivity from "@/components/ready/buildfloor/addConnectivity";
|
|
|
|
- import checkGraphy from "./drawGraphy/checkGraphy"; //查看图片
|
|
|
|
- import {buildingQueryAndCount, floorQueryAndSign, manageDeleteFloor} from "@/api/scan/request";
|
|
|
|
-
|
|
|
|
- export default {
|
|
|
|
- components: {
|
|
|
|
- addFloor,
|
|
|
|
- addBuild,
|
|
|
|
- addConnectivity,
|
|
|
|
- checkGraphy,
|
|
|
|
- sidebar,
|
|
|
|
- container
|
|
|
|
- },
|
|
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- repetitionGraphyVisible: false, // 替换平面图弹窗
|
|
|
|
- floorTitle: "添加楼层",
|
|
|
|
- buildTitle: "添加建筑",
|
|
|
|
- delDialogVis: false,
|
|
|
|
- delText: "建筑",
|
|
|
|
- headerStyle: {
|
|
|
|
- backgroundColor: "#d9d9d9",
|
|
|
|
- color: "#2b2b2b",
|
|
|
|
- lineHeight: "30px"
|
|
|
|
- },
|
|
|
|
- currentIndex: 0,//第一座高亮
|
|
|
|
- buildList: [],
|
|
|
|
- tableData: [],
|
|
|
|
- page: {
|
|
|
|
- pageSize: 500,
|
|
|
|
- pageSizes: [10, 20, 50, 100],
|
|
|
|
- pageNumber: 1,
|
|
|
|
- total: 0
|
|
|
|
- },
|
|
|
|
- loading: false, //列表loading
|
|
|
|
- curBuildId: "", //当前选中的建筑id
|
|
|
|
- curFloorId: "", //当前选中的楼层id
|
|
|
|
- modelId: "",
|
|
|
|
- };
|
|
|
|
- },
|
|
|
|
- computed: {
|
|
|
|
- ...mapGetters("layout", ["projectId"])
|
|
|
|
- },
|
|
|
|
- created() {
|
|
|
|
- this.init();
|
|
|
|
- },
|
|
|
|
- methods: {
|
|
|
|
- init() {
|
|
|
|
- let bdParam = {
|
|
|
|
- Orders: "BuildLocalName asc",
|
|
|
|
- PageNumber: 1,
|
|
|
|
- PageSize: 500
|
|
|
|
- };
|
|
|
|
- buildingQueryAndCount(bdParam, res => {
|
|
|
|
- this.buildList = res.Content;
|
|
|
|
- this.buildList.length ? this.changeBuild(this.currentIndex) : null;
|
|
|
|
- this.curBuildId = this.buildList[0].BuildID;
|
|
|
|
-
|
|
|
|
- // if (this.buildList.length) {
|
|
|
|
- // this.changeBuild(0);
|
|
|
|
- // }
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- currentBuild(index) {
|
|
|
|
- this.curBuildId = this.buildList[index].BuildID;
|
|
|
|
- this.getFloorTableData();
|
|
|
|
- this.$forceUpdate();
|
|
|
|
- },
|
|
|
|
- //change build
|
|
|
|
- changeBuild(index) {
|
|
|
|
- this.currentIndex = index;
|
|
|
|
- // this.buildList.map(item => {
|
|
|
|
- // item.active = false;
|
|
|
|
- // return item;
|
|
|
|
- // });
|
|
|
|
- // this.buildList[index].active = true;
|
|
|
|
- this.curBuildId = this.buildList[index].BuildID;
|
|
|
|
- this.getFloorTableData();
|
|
|
|
- this.$forceUpdate();
|
|
|
|
- },
|
|
|
|
- //add build
|
|
|
|
- addBuild() {
|
|
|
|
- this.$message.warning("开发中...");
|
|
|
|
- return;
|
|
|
|
- this.$refs.addBuildDialog.showDialog();
|
|
|
|
- },
|
|
|
|
- //delete build
|
|
|
|
- delBuild() {
|
|
|
|
- this.$message.warning("开发中...");
|
|
|
|
- return;
|
|
|
|
- this.delText = "建筑";
|
|
|
|
- this.delDialogVis = true;
|
|
|
|
- },
|
|
|
|
- //edit build
|
|
|
|
- editBuild() {
|
|
|
|
- this.$message.warning("开发中...");
|
|
|
|
- return;
|
|
|
|
- },
|
|
|
|
- //delete floor
|
|
|
|
- handleDelete(floor) {
|
|
|
|
- this.delText = "楼层";
|
|
|
|
- this.delDialogVis = true;
|
|
|
|
- this.curFloorId = floor.FloorID;
|
|
|
|
- },
|
|
|
|
- //确认删除弹窗关闭
|
|
|
|
- handleClose() {
|
|
|
|
- },
|
|
|
|
- addFloor() {
|
|
|
|
- this.curFloorId = "";
|
|
|
|
- this.$refs.addFloorDialog.showDialog();
|
|
|
|
- },
|
|
|
|
- // 获取列表
|
|
|
|
- getFloorTableData() {
|
|
|
|
- let floorParam = {
|
|
|
|
- Cascade: [{Name: "floorThroughList"}],
|
|
|
|
- Orders: "FloorSequenceID desc",
|
|
|
|
- PageNumber: this.page.pageNumber,
|
|
|
|
- PageSize: this.page.pageSize,
|
|
|
|
- Filters: `BuildID='${this.curBuildId}'`
|
|
|
|
- };
|
|
|
|
- floorQueryAndSign(floorParam, res => {
|
|
|
|
- this.tableData = res.Content;
|
|
|
|
- this.page.total = res.Total;
|
|
|
|
- });
|
|
|
|
- },
|
|
|
|
- // 创建楼层成功-修改关系成功
|
|
|
|
- refresh() {
|
|
|
|
- this.getFloorTableData();
|
|
|
|
- },
|
|
|
|
- // 确认删除(删除建筑-楼层公用)
|
|
|
|
- confirmDel() {
|
|
|
|
- if (this.delText == "楼层") {
|
|
|
|
- let delParam = [{FloorID: this.curFloorId}];
|
|
|
|
- manageDeleteFloor(delParam, res => {
|
|
|
|
- this.$message.success("删除成功");
|
|
|
|
- this.delDialogVis = false;
|
|
|
|
- this.getFloorTableData();
|
|
|
|
- });
|
|
|
|
- } else {
|
|
|
|
- //todo
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- // 修改楼层信息
|
|
|
|
- editFloorData(floor) {
|
|
|
|
- this.floorTitle = "编辑楼层信息";
|
|
|
|
- this.curFloorId = floor.FloorID;
|
|
|
|
- this.$refs.addFloorDialog.showDialog(floor);
|
|
|
|
- },
|
|
|
|
- // 修改楼层贯通关系
|
|
|
|
- changeConnection(row) {
|
|
|
|
- this.$refs.addConnectivity.showDialog();
|
|
|
|
- this.$refs.addConnectivity.floor = row;
|
|
|
|
- },
|
|
|
|
- // 查看平面图
|
|
|
|
- checkDrawImg(row, index) {
|
|
|
|
- if (3 == index) {
|
|
|
|
- this.$refs.checkGraphy.showDialog(row)
|
|
|
|
- this.modelId = "";
|
|
|
|
- } else {
|
|
|
|
- this.modelId = row.ModelId;
|
|
|
|
- let pa = {modelId: this.modelId, FloorID: row.FloorID, BuildID: row.BuildID}
|
|
|
|
- this.$router.push({name: "repetitionGraphy", query: pa});
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
- watch: {
|
|
|
|
- projectId() {
|
|
|
|
- this.init();
|
|
|
|
|
|
+import addFloor from "@/views/ready/buildfloor/addFloor/index";
|
|
|
|
+import addBuild from "@/components/ready/buildfloor/addBuild";
|
|
|
|
+import { mapGetters, mapActions } from "vuex";
|
|
|
|
+import addConnectivity from "@/components/ready/buildfloor/addConnectivity";
|
|
|
|
+import checkGraphy from "./drawGraphy/checkGraphy"; //查看图片
|
|
|
|
+import { buildingQueryAndCount, floorQueryAndSign, manageDeleteFloor } from "@/api/scan/request";
|
|
|
|
+export default {
|
|
|
|
+ components: {
|
|
|
|
+ addFloor,
|
|
|
|
+ addBuild,
|
|
|
|
+ addConnectivity,
|
|
|
|
+ checkGraphy
|
|
|
|
+ },
|
|
|
|
+ data() {
|
|
|
|
+ return {
|
|
|
|
+ repetitionGraphyVisible: false, // 替换平面图弹窗
|
|
|
|
+ floorTitle: "添加楼层",
|
|
|
|
+ buildTitle: "添加建筑",
|
|
|
|
+ delDialogVis: false,
|
|
|
|
+ delText: "建筑",
|
|
|
|
+ headerStyle: {
|
|
|
|
+ backgroundColor: "#d9d9d9",
|
|
|
|
+ color: "#2b2b2b",
|
|
|
|
+ lineHeight: "30px"
|
|
|
|
+ },
|
|
|
|
+ currentIndex: 0,
|
|
|
|
+ buildList: [],
|
|
|
|
+ tableData: [],
|
|
|
|
+ page: {
|
|
|
|
+ pageSize: 500,
|
|
|
|
+ pageSizes: [10, 20, 50, 100],
|
|
|
|
+ pageNumber: 1,
|
|
|
|
+ total: 0
|
|
|
|
+ },
|
|
|
|
+ loading: false, //列表loading
|
|
|
|
+ curBuildId: "", //当前选中的建筑id
|
|
|
|
+ curFloorId: "", //当前选中的楼层id
|
|
|
|
+ modelId: "",
|
|
|
|
+ alreadyRelatedModel: []
|
|
|
|
+ };
|
|
|
|
+ },
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapGetters("layout", ["projectId"])
|
|
|
|
+ },
|
|
|
|
+ mounted() { },
|
|
|
|
+ created() {
|
|
|
|
+ this.init();
|
|
|
|
+ },
|
|
|
|
+ methods: {
|
|
|
|
+ init() {
|
|
|
|
+ let bdParam = {
|
|
|
|
+ Orders: "BuildLocalName asc",
|
|
|
|
+ PageNumber: 1,
|
|
|
|
+ PageSize: 500
|
|
|
|
+ };
|
|
|
|
+ buildingQueryAndCount(bdParam, res => {
|
|
|
|
+ this.buildList = res.Content;
|
|
|
|
+ if (this.buildList.length) {
|
|
|
|
+ this.changeBuild(0);
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ //change build
|
|
|
|
+ changeBuild(index) {
|
|
|
|
+ this.buildList.map(item => {
|
|
|
|
+ item.active = false;
|
|
|
|
+ return item;
|
|
|
|
+ });
|
|
|
|
+ this.currentIndex = index;
|
|
|
|
+ this.buildList[index].active = true;
|
|
|
|
+ this.curBuildId = this.buildList[index].BuildID;
|
|
|
|
+ this.getFloorTableData();
|
|
|
|
+ this.$forceUpdate();
|
|
|
|
+ },
|
|
|
|
+ //add build
|
|
|
|
+ addBuild() {
|
|
|
|
+ this.$message.warning("开发中...");
|
|
|
|
+ return;
|
|
|
|
+ this.$refs.addBuildDialog.showDialog();
|
|
|
|
+ },
|
|
|
|
+ //delete build
|
|
|
|
+ delBuild() {
|
|
|
|
+ this.$message.warning("开发中...");
|
|
|
|
+ return;
|
|
|
|
+ this.delText = "建筑";
|
|
|
|
+ this.delDialogVis = true;
|
|
|
|
+ },
|
|
|
|
+ //edit build
|
|
|
|
+ editBuild() {
|
|
|
|
+ this.$message.warning("开发中...");
|
|
|
|
+ return;
|
|
|
|
+ },
|
|
|
|
+ //delete floor
|
|
|
|
+ handleDelete(floor) {
|
|
|
|
+ this.delText = "楼层";
|
|
|
|
+ this.delDialogVis = true;
|
|
|
|
+ this.curFloorId = floor.FloorID;
|
|
|
|
+ },
|
|
|
|
+ //确认删除弹窗关闭
|
|
|
|
+ handleClose() { },
|
|
|
|
+ addFloor() {
|
|
|
|
+ this.curFloorId = "";
|
|
|
|
+ this.$refs.addFloorDialog.showDialog();
|
|
|
|
+ },
|
|
|
|
+ // 获取列表
|
|
|
|
+ getFloorTableData() {
|
|
|
|
+ let floorParam = {
|
|
|
|
+ Cascade: [{ Name: "floorThroughList" }],
|
|
|
|
+ Orders: "FloorSequenceID desc",
|
|
|
|
+ PageNumber: this.page.pageNumber,
|
|
|
|
+ PageSize: this.page.pageSize,
|
|
|
|
+ Filters: `BuildID='${this.curBuildId}'`
|
|
|
|
+ };
|
|
|
|
+ floorQueryAndSign(floorParam, res => {
|
|
|
|
+ this.tableData = res.Content;
|
|
|
|
+ this.page.total = res.Total;
|
|
|
|
+ this.alreadyRelatedModel = res.Content.map(t => {
|
|
|
|
+ return t.ModelId
|
|
|
|
+ }).filter(t => t);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ // 创建楼层成功-修改关系成功
|
|
|
|
+ refresh() {
|
|
|
|
+ this.getFloorTableData();
|
|
|
|
+ },
|
|
|
|
+ // 确认删除(删除建筑-楼层公用)
|
|
|
|
+ confirmDel() {
|
|
|
|
+ if (this.delText == "楼层") {
|
|
|
|
+ let delParam = [{ FloorID: this.curFloorId }];
|
|
|
|
+ manageDeleteFloor(delParam, res => {
|
|
|
|
+ this.$message.success("删除成功");
|
|
|
|
+ this.delDialogVis = false;
|
|
|
|
+ this.getFloorTableData();
|
|
|
|
+ });
|
|
|
|
+ } else {
|
|
|
|
+ //todo
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ // 修改楼层信息
|
|
|
|
+ editFloorData(floor) {
|
|
|
|
+ this.floorTitle = "编辑楼层信息";
|
|
|
|
+ this.curFloorId = floor.FloorID;
|
|
|
|
+ this.$refs.addFloorDialog.showDialog(floor);
|
|
|
|
+ },
|
|
|
|
+ // 修改楼层贯通关系
|
|
|
|
+ changeConnection(row) {
|
|
|
|
+ this.$refs.addConnectivity.showDialog();
|
|
|
|
+ this.$refs.addConnectivity.floor = row;
|
|
|
|
+ },
|
|
|
|
+ // 查看平面图
|
|
|
|
+ checkDrawImg(row, index) {
|
|
|
|
+ if (3 == index) {
|
|
|
|
+ this.$refs.checkGraphy.showDialog(row)
|
|
|
|
+ this.modelId = "";
|
|
|
|
+ } else {
|
|
|
|
+ this.modelId = row.ModelId;
|
|
|
|
+ let pa = { modelId: this.modelId, FloorID: row.FloorID, BuildID: row.BuildID }
|
|
|
|
+ this.$router.push({ name: "repetitionGraphy", query: pa });
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ watch: {
|
|
|
|
+ projectId() {
|
|
|
|
+ this.init();
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
- #bd-fl-manage {
|
|
|
|
|
|
+#bd-fl-manage {
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ height: 100%;
|
|
|
|
+ position: relative;
|
|
|
|
|
|
- overflow: hidden;
|
|
|
|
- height: 100%;
|
|
|
|
- position: relative;
|
|
|
|
|
|
+ .el-row {
|
|
|
|
+ height: 100%;
|
|
|
|
|
|
- .el-row {
|
|
|
|
- height: 100%;
|
|
|
|
-
|
|
|
|
- .el-col-4 {
|
|
|
|
- width: 17%;
|
|
|
|
- }
|
|
|
|
- .el-col-20 {
|
|
|
|
- width: 82%;
|
|
|
|
- }
|
|
|
|
- & > div {
|
|
|
|
- float: left;
|
|
|
|
- height: 100%;
|
|
|
|
- overflow: hidden;
|
|
|
|
- background-color: #fff;
|
|
|
|
- box-sizing: border-box;
|
|
|
|
- border: 1px solid #dfe6ec;
|
|
|
|
|
|
+ .el-col-4 {
|
|
|
|
+ width: 17%;
|
|
|
|
+ }
|
|
|
|
+ .el-col-20 {
|
|
|
|
+ width: 82%;
|
|
|
|
+ }
|
|
|
|
+ & > div {
|
|
|
|
+ float: left;
|
|
|
|
+ height: 100%;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ box-sizing: border-box;
|
|
|
|
+ border: 1px solid #dfe6ec;
|
|
|
|
|
|
- .action-box {
|
|
|
|
- padding: 10px;
|
|
|
|
|
|
+ .action-box {
|
|
|
|
+ padding: 10px;
|
|
|
|
|
|
- .el-button--small {
|
|
|
|
- padding: 10px 11px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .el-button--small {
|
|
|
|
+ padding: 10px 11px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .l-list {
|
|
|
|
- width: 17%;
|
|
|
|
- overflow-y: auto;
|
|
|
|
|
|
+ .l-list {
|
|
|
|
+ width: 17%;
|
|
|
|
+ overflow-y: auto;
|
|
|
|
|
|
- h4 {
|
|
|
|
- padding-left: 10px;
|
|
|
|
- border-top: 1px solid #d9d9d9;
|
|
|
|
- border-bottom: 1px solid #d9d9d9;
|
|
|
|
- background: #d9d9d9;
|
|
|
|
- color: #2b2b2b;
|
|
|
|
- line-height: 44px;
|
|
|
|
- }
|
|
|
|
|
|
+ h4 {
|
|
|
|
+ padding-left: 10px;
|
|
|
|
+ border-top: 1px solid #d9d9d9;
|
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
|
+ background: #d9d9d9;
|
|
|
|
+ color: #2b2b2b;
|
|
|
|
+ line-height: 44px;
|
|
|
|
+ }
|
|
|
|
|
|
- .build-list {
|
|
|
|
- line-height: 48px;
|
|
|
|
|
|
+ .build-list {
|
|
|
|
+ line-height: 48px;
|
|
|
|
|
|
- .floor-item {
|
|
|
|
- white-space: nowrap;
|
|
|
|
- overflow: hidden;
|
|
|
|
- text-overflow: ellipsis;
|
|
|
|
|
|
+ .floor-item {
|
|
|
|
+ white-space: nowrap;
|
|
|
|
+ overflow: hidden;
|
|
|
|
+ text-overflow: ellipsis;
|
|
|
|
|
|
- span {
|
|
|
|
- margin-left: 10px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ span {
|
|
|
|
+ margin-left: 10px;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .floor-item.active,
|
|
|
|
- .floor-item:hover {
|
|
|
|
- background-color: #f5f7fa;
|
|
|
|
- color: #000;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ .floor-item.active,
|
|
|
|
+ .floor-item:hover {
|
|
|
|
+ background-color: #f5f7fa;
|
|
|
|
+ color: #000;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
|
|
- .r-table {
|
|
|
|
- width: 82%;
|
|
|
|
- margin-left: 1%;
|
|
|
|
|
|
+ .r-table {
|
|
|
|
+ width: 82%;
|
|
|
|
+ margin-left: 1%;
|
|
|
|
|
|
- .table-box {
|
|
|
|
- height: calc(100% - 54px);
|
|
|
|
- margin-bottom: 8px;
|
|
|
|
|
|
+ .table-box {
|
|
|
|
+ height: calc(100% - 54px);
|
|
|
|
+ margin-bottom: 8px;
|
|
|
|
|
|
- .iconfont {
|
|
|
|
- vertical-align: middle;
|
|
|
|
- }
|
|
|
|
|
|
+ .iconfont {
|
|
|
|
+ vertical-align: middle;
|
|
|
|
+ }
|
|
|
|
|
|
- /deep/ .el-badge__content.is-fixed {
|
|
|
|
- transform: translateY(-6%) translateX(-100%);
|
|
|
|
- }
|
|
|
|
|
|
+ /deep/ .el-badge__content.is-fixed {
|
|
|
|
+ transform: translateY(-6%) translateX(-100%);
|
|
|
|
+ }
|
|
|
|
|
|
- p {
|
|
|
|
- cursor: pointer;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
|
|
+ p {
|
|
|
|
+ cursor: pointer;
|
|
}
|
|
}
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|