zhangyu 4 роки тому
батько
коміт
f6fb0f2b53
1 змінених файлів з 38 додано та 56 видалено
  1. 38 56
      src/views/ledger/facility/batchPoint.vue

+ 38 - 56
src/views/ledger/facility/batchPoint.vue

@@ -1,47 +1,47 @@
 <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>
 </template>
-
 <script>
 import floorCascader from "@/components/ledger/lib/floorCascader";
 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 {
   components: {
     floorCascader,
     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: {
-    //返回
-    goBack() {
+    // 返回
+    goback() {
       this.$router.push({ name: "facilityLedger" })
+    },
+    //修改楼层
+    changeFloor(value) {
+      console.log(value);
+    },
+    //修改设备族
+    changeDevice(value) {
+      console.log(value);
     }
   },
   watch: {
@@ -51,35 +51,17 @@ export default {
   }
 };
 </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;
-    .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 lang="less">
-.el-table th {
-  background-color: #d9d9d9;
-  color: #000;
-}
-</style>