123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156 |
- <template>
- <div id="eqInSp">
- <el-row>
- <el-button type="primary" @click="add">添加{{inSpaceType}}</el-button>
- <el-tooltip class="item" effect="dark" content="可前往“全部关系总览”中,按系统内包含的设备与空间关系计算" placement="right">
- <el-button>按系统内设备与业务空间关系计算</el-button>
- </el-tooltip>
- </el-row>
- <div class="table-box">
- <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle">
- <el-table-column :label="`${inSpaceType}名称`" show-overflow-tooltip min-width="100">
- <template slot-scope="scope">
- <div>{{ scope.row.RoomLocalName || scope.row.RoomName||''}}</div>
- </template>
- </el-table-column>
- <el-table-column prop="RoomLocalID" :label="`${inSpaceType}本地编码`" show-overflow-tooltip min-width="100"></el-table-column>
- <el-table-column :label="`${inSpaceType}类型`" show-overflow-tooltip min-width="100">
- <template slot-scope="scope">
- <div>{{ spaceType[scope.row.ObjectType]}}</div>
- </template>
- </el-table-column>
- <el-table-column prop="action" label="操作" min-width="100">
- <template slot-scope="scope">
- <el-tooltip class="item" effect="dark" content="删除关系" placement="left">
- <el-button size="mini" @click="handleDelete(scope.$index, scope.row)" type="danger" plain icon="el-icon-delete"></el-button>
- </el-tooltip>
- </template>
- </el-table-column>
- <template slot="empty">
- <div style="height: 60%;transform: translateY(50%);">
- <i class="icon-wushuju iconfont"></i>
- 可前往“全部关系总览”中计算竖井内系统
- </div>
- </template>
- </el-table>
- </div>
- <!-- 添加空间弹窗 -->
- <addSpaceDialog :dialogVisible.sync="dialogVisible" ref="addSpaceDialog" @refresh="refresh" :type="type" :params="params" :spaceType="spaceType"
- :floorType="floorType"></addSpaceDialog>
- </div>
- </template>
- <script>
- import { queryLinkSys, spaceInSysUnlink } from "@/api/scan/request";
- import { mapGetters } from "vuex";
- import addSpaceDialog from "@/components/ledger/system/dialog/addSpaceDialog";
- export default {
- components: {
- addSpaceDialog
- },
- computed: {
- ...mapGetters("layout", ["projectId"])
- },
- data() {
- return {
- inSpaceType: "业务空间",
- dialogVisible: false,
- headerStyle: {
- backgroundColor: "#e1e4e5",
- color: "#2b2b2b",
- lineHeight: "30px"
- }, // 列表样式
- loading: false, // loading
- tableData: [] //列表数据
- };
- },
- props: {
- params: Object,
- type: String,
- spaceType: Object,
- floorType: {}
- },
- created() {
- this.getTableData();
- },
- methods: {
- // 获取列表数据
- getTableData() {
- let params = {
- Filters: `SysID='${this.params.SysID}'`,
- Cascade: [
- {
- Name: "zoneSpaceBaseTableList"
- }
- ]
- };
- queryLinkSys(params, res => {
- this.tableData = res.Content[0].ZoneSpaceBaseTable || [];
- });
- },
- // 删除关系
- handleDelete(index, row) {
- this.$confirm("确认删除该关系?", "提示", {
- confirmButtonText: "确定",
- cancelButtonText: "取消",
- type: "warning"
- })
- .then(() => {
- let params = {
- data: [
- {
- SysId: this.params.SysID,
- SpaceId: row.RoomID
- }
- ],
- type: row.ObjectType
- };
- this.deleteSyInSh(params);
- })
- .catch(() => {
- this.$message("取消删除");
- });
- },
- // 删除系统所在竖井关系
- deleteSyInSh(params) {
- spaceInSysUnlink(params, res => {
- this.$message.success("删除成功");
- this.getTableData();
- });
- },
- // 改变pagesize
- handleSizeChange(pageSize) {
- this.page.pageSize = pageSize;
- this.getTableData();
- },
- // 改变pageno
- handleCurrentChange(pageNo) {
- this.page.pageNumber = pageNo;
- this.getTableData();
- },
- // 添加设备
- add() {
- this.dialogVisible = true;
- },
- //刷新
- refresh() {
- this.dialogVisible = false;
- this.getTableData()
- }
- },
- watch: {
- type() {
- // this.getTableData()
- }
- }
- };
- </script>
- <style lang="less" scoped>
- #eqInSp {
- height: 100%;
- .table-box {
- margin-top: 10px;
- height: calc(100% - 50px);
- }
- }
- </style>
|