Browse Source

添加其他分区逻辑

haojianlong 5 years ago
parent
commit
09c995624f
1 changed files with 22 additions and 6 deletions
  1. 22 6
      src/components/business_space/newGraphy/graphy.vue

+ 22 - 6
src/components/business_space/newGraphy/graphy.vue

@@ -10,6 +10,13 @@
       <canvas id="floorCanvas" :width="canvasWidth" :height="canvasHeight" ref="canvas" tabindex="0"></canvas>
       <!-- 初始两个按钮 -->
       <el-row class="buttons-box">
+        <div style="height:50px;width:100%;background:#fff;" v-if="showOtherFlag">
+          <!-- 平面图其他分区 -->
+          <el-select v-model="OtherValue" placeholder="请选择">
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+            </el-option>
+          </el-select>
+        </div>
         <div>
           <el-autocomplete popper-class="my-autocomplete" v-model="search" :fetch-suggestions="querySearch" placeholder="输入平面图中已有的业务空间名称进行查找"
             width="180px" @select="handleSelect">
@@ -59,9 +66,9 @@
             <el-button type="primary" @click="groupCreateZone">批量创建所选业务空间</el-button>
             <el-button plain @click="cancelGraphy">取 消</el-button>
           </div>
-        </div>
-        <div style="position: absolute;right: 10px;">
-          <el-button type="text" @click="lookUnrelatBSpace(false)">未关联平面图的业务空间 {{num}} 条</el-button>
+          <div style="position: absolute;right: 10px;">
+            <el-button type="text" @click="lookUnrelatBSpace(false)">未关联平面图的业务空间 {{num}} 条</el-button>
+          </div>
         </div>
       </el-row>
       <!-- 底部操作按钮 -->
@@ -157,7 +164,10 @@ export default {
       zoneDisable: true, // 重新划分是否禁用
       sourceIdToISP: {},
       areaValue: 40,
-      areaMarks: { 0: '0m²', 100: '1m²' }
+      areaMarks: { 0: '0m²', 100: '1m²' },
+      options: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶' }], //其他分区类型
+      OtherValue: '',
+      showOtherFlag: false, //是否显示其他分区类型添加
     }
   },
   computed: {
@@ -260,8 +270,14 @@ export default {
       this.FloorObj = FloorObj;
       this.FloorMap = FloorObj.StructureInfo ? FloorObj.StructureInfo.FloorMap : ''
       this.tab = tab;
-      console.log(arguments)
-      this.init(initType);
+      console.log(arguments);
+      if (tab.code == 'ZoneOther') {
+        // 其他分区
+        this.showOtherFlag = true;
+      } else {
+        this.showOtherFlag = false;
+        this.init(initType);
+      }
     },
     // 获取未绑定业务空间的元空间
     getISPSPUnrelaBSP() {