|
@@ -0,0 +1,190 @@
|
|
|
+<template>
|
|
|
+ <!-- <div>
|
|
|
+ <div class="search" style="margin-bottom:10px;">
|
|
|
+ <div>
|
|
|
+ <el-input placeholder="输入设备名称或设备本地编码查询进行查询" style="width:300px;float:left;margin-right:10px;" v-model="search.filter" clearable></el-input>
|
|
|
+ <el-button @click="filterBox" plain>查 找</el-button>
|
|
|
+ </div>
|
|
|
+ <div style="margin-top:10px;">
|
|
|
+ <span>所属楼层</span>
|
|
|
+ <el-cascader @change="filterBox" v-model="search.floor" :options="optionsWithDisabled"></el-cascader>
|
|
|
+ <el-checkbox style="margin-left:20px;" @change="filterBox" :checked="search.checkbox" label="只显示在当前业务空间中的设备"></el-checkbox>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <el-table ref="multipleTable" :data="tableData" v-loading="isLoading" tooltip-effect="dark" class="data-table border" height="300"
|
|
|
+ style="width: 100%" @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column type="selection" width="55"></el-table-column>
|
|
|
+ <el-table-column width="180" label="设备名称">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>
|
|
|
+ <el-tooltip :content="scope.row.infos.EquipLocalName ||scope.row.infos.EquipName" placement="top">
|
|
|
+ <span>{{scope.row.infos.EquipLocalName || scope.row.infos.EquipName | cutString(15)}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="180" label="设备本地编码">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>
|
|
|
+ <el-tooltip :content="scope.row.infos.EquipLocalID || '--'" placement="top">
|
|
|
+ <span>{{scope.row.infos.EquipLocalID || "--" | cutString(15)}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="160" label="设备类">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>
|
|
|
+ <span>{{getName(scope.row.category)}}</span>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column width="160" label="已关联其他业务空间">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <span>
|
|
|
+ <el-tooltip :content="changeArray(scope.row.spaceName)" placement="top">
|
|
|
+ <span>{{changeArray(scope.row.spaceName) | cutString(6)}}</span>
|
|
|
+ </el-tooltip>
|
|
|
+ </span>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column label="操作">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button plain @click="lockDetails(scope.row)">设备详情</el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <el-dialog width="40%" title="设备详情" :visible.sync="innerVisible" append-to-body>
|
|
|
+ <iframe height="400px" width="100%" :src="iframeSrc"></iframe>
|
|
|
+ </el-dialog>
|
|
|
+ <div class="right" v-if="tableData.length">
|
|
|
+ <my-pagination :page="page" @change="pageChange"></my-pagination>
|
|
|
+ </div>
|
|
|
+ <div class="el-dialog__footer">
|
|
|
+ <span class="dialog-footer">
|
|
|
+ <el-button@click="clearBox">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="addReal">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <el-dialog :title="title" :visible.sync="dialogVisible" width="900px" id="addEqDialog">
|
|
|
+ <el-row class="filters">
|
|
|
+ <el-col :span="9">
|
|
|
+ <el-input placeholder="输入设备名称或设备本地编码查询进行查询" v-model="keycode" clearable @keyup.enter.native="getTableData">
|
|
|
+ <i slot="suffix" class="el-input__icon el-icon-search" @click="getTableData"></i>
|
|
|
+ </el-input>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="15">
|
|
|
+ <span style="margin-left:10px;">所属楼层</span>
|
|
|
+ <el-cascader @change="getTableData" v-model="floor" :options="options"></el-cascader>
|
|
|
+ <el-checkbox style="margin-left:10px;" @change="getTableData" :checked="showType" label="只显示在当前业务空间中的设备"></el-checkbox>
|
|
|
+ </el-col>
|
|
|
+ </el-row>
|
|
|
+ <div class="table-box">
|
|
|
+ <el-table :data="tableData" style="width: 100%" height="100%" v-loading="loading" :header-cell-style="headerStyle" ref="multipleTable"
|
|
|
+ @selection-change="handleSelectionChange">
|
|
|
+ <el-table-column :label="`${inSpaceType}名称`" show-overflow-tooltip min-width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <div>
|
|
|
+ {{scope.row.EquipLocalName||scope.row.EquipName||''}}
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column prop="EquipLocalID" :label="`${inSpaceType}本地编码`" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
+ <el-table-column prop="EquipLocalID" :label="`${inSpaceType}类`" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
+ <el-table-column prop="EquipLocalID" label="已关联其他业务空间" show-overflow-tooltip min-width="100"></el-table-column>
|
|
|
+ <el-table-column prop="action" label="操作" min-width="100">
|
|
|
+ <template slot-scope="scope">
|
|
|
+ <el-button size="mini" @click="toDetail(scope.$index, scope.row)" type="danger" plain icon="el-icon-delete"></el-button>
|
|
|
+ </template>
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ <!-- 分页 -->
|
|
|
+ <el-pagination class="fr" v-show="tableData && tableData.length" @size-change="handleSizeChange" @current-change="handleCurrentChange"
|
|
|
+ :current-page="page.pageNumber" :page-sizes="page.pageSizes" :page-size="page.pageSize" layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ :total="page.total"></el-pagination>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button size="small" @click="dialogVisible = false">取 消</el-button>
|
|
|
+ <el-button size="small" type="primary" @click="savaRelation">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script>
|
|
|
+import {
|
|
|
+ getSpaceEquip,
|
|
|
+} from "@/api/scan/request";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+
|
|
|
+ },
|
|
|
+ computed: {
|
|
|
+ ...mapGetters("layout", [
|
|
|
+ "projectId",
|
|
|
+ ])
|
|
|
+ },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ title: "添加设备",
|
|
|
+ keycode: '', //输入查询条件
|
|
|
+ options: [], //建筑楼层级联
|
|
|
+ floor: [], // 选中的建筑楼层
|
|
|
+ showType: false, //是否只显示在当前业务空间中的设备
|
|
|
+ inSpaceType: '设备',
|
|
|
+ dialogVisible: false,
|
|
|
+ tableData: [],
|
|
|
+ loading: false,
|
|
|
+ headerStyle: {
|
|
|
+ backgroundColor: '#e1e4e5',
|
|
|
+ color: '#2b2b2b',
|
|
|
+ lineHeight: '30px'
|
|
|
+ }, // 列表样式
|
|
|
+ selections: [], // 选中项
|
|
|
+ page: {
|
|
|
+ pageSize: 50,
|
|
|
+ pageSizes: [10, 20, 50, 100],
|
|
|
+ pageNumber: 1,
|
|
|
+ total: 0
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 显示弹窗
|
|
|
+ showDialog() {
|
|
|
+ this.dialogVisible = true
|
|
|
+ },
|
|
|
+ getTableData() { },
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ thi.selections = val;
|
|
|
+ },
|
|
|
+ savaRelation() { },
|
|
|
+ //改变pagesize
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
+ this.page.pageSize = pageSize;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ //改变pageno
|
|
|
+ handleCurrentChange(pageNo) {
|
|
|
+ this.page.pageNumber = pageNo;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+#addEqDialog {
|
|
|
+ .filters {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ /deep/ .el-input__inner {
|
|
|
+ vertical-align: baseline;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table-box {
|
|
|
+ height: 350px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|