|
@@ -1,47 +1,47 @@
|
|
<template>
|
|
<template>
|
|
- <div class="box">
|
|
|
|
- <div class="condition">
|
|
|
|
- <div class="header">
|
|
|
|
- <el-button style="float:left;" size="small" type="default" icon="el-icon-back" @click="goBack"></el-button>
|
|
|
|
- <floor-cascader @change="changeFloor"></floor-cascader>
|
|
|
|
- <my-cascader ref="cascader" @change="changeDevice"></my-cascader>
|
|
|
|
- <el-button style="float:right;margin-top:1px;" >确认</el-button>
|
|
|
|
- <el-button style="float:right;margin-top:1px;margin-right:10px;" >取消</el-button>
|
|
|
|
- </div>
|
|
|
|
- <div class="main">
|
|
|
|
-
|
|
|
|
- </div>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div id="manageTenantZone">
|
|
|
|
+ <el-row style="margin:5px 0 0 0;">
|
|
|
|
+ <el-button style="float:left;" size="small" type="default" icon="el-icon-back" @click="goback"></el-button>
|
|
|
|
+ <floor-cascader @change="changeFloor"></floor-cascader>
|
|
|
|
+ <my-cascader ref="cascader" @change="changeDevice"></my-cascader>
|
|
|
|
+ <el-button style="float:right;margin-top:1px;">取消</el-button>
|
|
|
|
+ <el-button style="float:right;margin-top:1px;margin-right:10px;">确认</el-button>
|
|
|
|
+ </el-row>
|
|
|
|
+ <el-row class="main-container"></el-row>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
-
|
|
|
|
<script>
|
|
<script>
|
|
import floorCascader from "@/components/ledger/lib/floorCascader";
|
|
import floorCascader from "@/components/ledger/lib/floorCascader";
|
|
import myCascader from "@/components/ledger/lib/cascader";
|
|
import myCascader from "@/components/ledger/lib/cascader";
|
|
-import { mapGetters } from "vuex"
|
|
|
|
-//api
|
|
|
|
-import { countEquip, equipCategoryProperty, equipRproperty } from "@/api/scan/request";
|
|
|
|
-
|
|
|
|
|
|
+import { mapGetters } from "vuex";
|
|
export default {
|
|
export default {
|
|
components: {
|
|
components: {
|
|
floorCascader,
|
|
floorCascader,
|
|
myCascader
|
|
myCascader
|
|
},
|
|
},
|
|
- computed: {
|
|
|
|
- ...mapGetters("layout", ["projectId", "userId", "secret"])
|
|
|
|
|
|
+ data() {
|
|
|
|
+ return {};
|
|
},
|
|
},
|
|
- created() {
|
|
|
|
- this.params = this.$route.params
|
|
|
|
|
|
+ computed: {
|
|
|
|
+ ...mapGetters("layout", ["projectId", "projects"])
|
|
},
|
|
},
|
|
- data() {
|
|
|
|
- return {
|
|
|
|
- params: {}
|
|
|
|
- }
|
|
|
|
|
|
+ created() {},
|
|
|
|
+ mounted() {
|
|
|
|
+ // this.canvasWidth = this.$refs.graphy.offsetWidth;
|
|
|
|
+ // this.canvasHeight = this.$refs.graphy.offsetHeight;
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
- //返回
|
|
|
|
- goBack() {
|
|
|
|
|
|
+ // 返回
|
|
|
|
+ goback() {
|
|
this.$router.push({ name: "facilityLedger" })
|
|
this.$router.push({ name: "facilityLedger" })
|
|
|
|
+ },
|
|
|
|
+ //修改楼层
|
|
|
|
+ changeFloor(value) {
|
|
|
|
+ console.log(value);
|
|
|
|
+ },
|
|
|
|
+ //修改设备族
|
|
|
|
+ changeDevice(value) {
|
|
|
|
+ console.log(value);
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
@@ -51,35 +51,17 @@ export default {
|
|
}
|
|
}
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
-
|
|
|
|
-<style scoped lang='less'>
|
|
|
|
-.box {
|
|
|
|
- .condition {
|
|
|
|
- padding: 10px;
|
|
|
|
- display: flex;
|
|
|
|
- height: 100%;
|
|
|
|
- flex-direction: column;
|
|
|
|
- border: 1px solid #dfe6ec;
|
|
|
|
|
|
+<style lang="less" scoped>
|
|
|
|
+@normal-border-color: #e4e4e4;
|
|
|
|
+@normal-border-active-color: #e8e8e8;
|
|
|
|
+#manageTenantZone {
|
|
|
|
+ height: 100%;
|
|
|
|
+ .main-container {
|
|
|
|
+ margin-top: 10px;
|
|
background: #fff;
|
|
background: #fff;
|
|
- .header{
|
|
|
|
- padding-bottom: 10px;
|
|
|
|
- border-bottom: 1px solid #bcbcbc;
|
|
|
|
- .statistics-title{
|
|
|
|
- margin-left: 20px;
|
|
|
|
- line-height: 32px;
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- .main{
|
|
|
|
- margin-top: 10px;
|
|
|
|
- height: calc(100% - 46px);
|
|
|
|
- }
|
|
|
|
|
|
+ border: 1px solid @normal-border-color;
|
|
|
|
+ height: calc(100% - 53px);
|
|
|
|
+ overflow: hidden;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</style>
|
|
</style>
|
|
-
|
|
|
|
-<style lang="less">
|
|
|
|
-.el-table th {
|
|
|
|
- background-color: #d9d9d9;
|
|
|
|
- color: #000;
|
|
|
|
-}
|
|
|
|
-</style>
|
|
|