|
@@ -0,0 +1,189 @@
|
|
|
+<template>
|
|
|
+ <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">
|
|
|
+ <cenote-type @change="changeFloor"></cenote-type>
|
|
|
+ <!-- <el-cascader @change="getTableData" v-model="floor" :options="options" :props="props"></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,
|
|
|
+// buildingQuery, //数据中心-建筑查询
|
|
|
+// notEqInSpaceQuery, //没有和当前空间绑定的设备
|
|
|
+// notEqForSpaceQuery, //未服务当前空间的设备
|
|
|
+// eqInSpaceCreate, //设备所在业务空间--创建关系
|
|
|
+// eqForSpaceCreate, //设备服务业务空间--创建关系
|
|
|
+// } from "@/api/scan/request";
|
|
|
+import cenoteType from "@/components/ledger/lib/cenoteType";
|
|
|
+import { mapGetters } from "vuex";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ cenoteType
|
|
|
+ },
|
|
|
+ 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
|
|
|
+ },
|
|
|
+ props: { //自定义字段
|
|
|
+ value: "BuildID",
|
|
|
+ label: "BuildLocalName",
|
|
|
+ children: "Floor"
|
|
|
+ },
|
|
|
+ };
|
|
|
+ },
|
|
|
+ props: {
|
|
|
+ type: {}, //equipment--equipmentFor
|
|
|
+ spaceId: {},
|
|
|
+ zone: {}, //分区类型
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.getBuilding();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ // 获取项目下建筑
|
|
|
+ getBuilding() {
|
|
|
+ let pa = {
|
|
|
+ Cascade: [{ name: 'floor', Orders: 'SequenceId desc' }],
|
|
|
+ Orders: "BuildLocalName asc",
|
|
|
+ }
|
|
|
+ buildingQuery(pa, res => {
|
|
|
+ this.options = res.Content.map(t => {
|
|
|
+ if (t.Floor) {
|
|
|
+ t.Floor = t.Floor.map(item => {
|
|
|
+ item.BuildID = item.FloorID;
|
|
|
+ item.BuildLocalName = item.FloorLocalName;
|
|
|
+ return item;
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ t.Floor = []
|
|
|
+ }
|
|
|
+ t.Floor.unshift({ BuildID: 'isNull', BuildLocalName: '未明确楼层' })
|
|
|
+ return t;
|
|
|
+ })
|
|
|
+ })
|
|
|
+ },
|
|
|
+ // 显示弹窗
|
|
|
+ showDialog() {
|
|
|
+ this.dialogVisible = true;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ getTableData() {
|
|
|
+ let pa = {
|
|
|
+ data: {
|
|
|
+ Filters:`BuildingId="${this.floor[0]}";FloorId="${this.floor[1]}"`,
|
|
|
+ PageNumber: this.page.pageNumber,
|
|
|
+ PageSize: this.page.pageSize,
|
|
|
+ },
|
|
|
+ type: this.zone,
|
|
|
+ spaceId: this.spaceId
|
|
|
+ }
|
|
|
+ if(this.keycode!=''){
|
|
|
+ pa.data.Filters += `;EquipName contain "${this.keycode}" or EquipLocalName contain "${this.keycode}" or EquipLocalID contain "${this.keycode}"`
|
|
|
+ }
|
|
|
+ if (this.type == "equipment") {
|
|
|
+ notEqInSpaceQuery(pa, res => {
|
|
|
+ this.tableData = res.Content;
|
|
|
+ this.page.total = res.Total;
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ notEqForSpaceQuery(pa, res => {
|
|
|
+ this.tableData = res.Content;
|
|
|
+ this.page.total = res.Total;
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ //选中项修改
|
|
|
+ handleSelectionChange(val) {
|
|
|
+ this.selections = val;
|
|
|
+ },
|
|
|
+ savaRelation() { },
|
|
|
+ //改变pagesize
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
+ this.page.pageSize = pageSize;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ //改变pageno
|
|
|
+ handleCurrentChange(pageNo) {
|
|
|
+ this.page.pageNumber = pageNo;
|
|
|
+ this.getTableData();
|
|
|
+ },
|
|
|
+ // 查看详情
|
|
|
+ toDetail() {
|
|
|
+ this.$message('开发中')
|
|
|
+ }
|
|
|
+ },
|
|
|
+};
|
|
|
+</script>
|
|
|
+<style lang="less" scoped>
|
|
|
+#addEqDialog {
|
|
|
+ .filters {
|
|
|
+ margin-bottom: 10px;
|
|
|
+ /deep/ .el-input__inner {
|
|
|
+ vertical-align: baseline;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .table-box {
|
|
|
+ height: 350px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|